RokIT blog: jquery

Zobrazují se příspěvky se štítkemjquery. Zobrazit všechny příspěvky

úterý 28. dubna 2015

JQuery ve Wordpressu

Nainstalovat nějaký plugin pro vkládání vlastních skriptů, např.: WP Custom Header Footer.

Do hlavičky vložit něco jako:

jQuery(document).ready(function($) {
$('body').html($('body').html().replace('Username','Jméno'));
$('body').html($('body').html().replace('Password','Heslo'));
$("input[name=login]").attr("value", "Přihlásit");
$('body').html($('body').html().replace('Login with ','Přihlášení pomocí '));
$('.site-info').html('<img src="/wp-content/uploads/2015/04/obrazek.jpg" style="width:auto;">');
});

středa 27. listopadu 2013

Nahrávání souborů pomocí HTML 5

http://www.freshdesignweb.com/jquery-html5-file-upload.html

pátek 18. ledna 2013

Přepínání obrázků pomocí jQuery

HTML kód

<table><tr>
<td class="fader">
    <img src="obrazek1.png" />
    <a href=""><obrazek2.png" /></a>
</td>
</tr></table>

CSS styly

.fader {
        line-height:0px;
}

.fader img:last-child {
    margin-top: -186px; /* posun podle velikosti obrázku */
    display: none;
}

jQuery

<script>
jQuery().ready (function(){

jQuery('.fader').hover(function() {
    jQuery(this).find('img:last').fadeToggle(200);
});

});
</script>

Zdroje
jQuery Hover image change animation

pondělí 31. prosince 2012

Jak přepsat text ve Wordpressu pomocí JQuery

Nejdřív je potřeba nainstalovat nějaký plugin, který umožňuje vkládání určitého textu (v našem případě skriptu) do stránek WP. K tomu se hodí např. plugin Header and Footer.

Pokud chceme např. změnit text "Powered" (Vytvořeno kým..), lze to provést vložením následujícího skriptu JQuery do hlavičky každé stránky.

<script>
jQuery().ready (function(){
jQuery('.powered').html('Vytvořil <a href="http://www.rokit.cz">RokIT</a>');
});
</script>