Archívum

A(z) ‘jQuery’ kategória archívuma

jQuery.addClass() használata

január 17th, 2014 Nincsenek hozzászólások

Ezzel az egyszerű jQuery függvénnyel egyszerűen és gyorsan tudod megváltoztatni a html tag-ek css stílusosztályát.

1
2
3
jQuery(this).addClass("minta") //Stílusosztály hozzáadása
jQuery(this).removeClass("minta") //Stílusosztály törlése
jQuery(this).hasClass("minta") //Stílusosztály vizsgálata.

Konkrét példa:

Feladat: Kattintásra változtassuk meg a gomb hátterét pirosra, majd újbóli kattintásnál vegyük le róla a piros színt.

Css stílusosztályok:

1
2
3
4
<style>
.red{  background:red; }
.blue{ background:blue; }
</style>

html kód:

1
<input type="button" class="blue" id="gomb" value="Nyomd meg"/>

jQuery kód

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript">
jQuery(document).ready(function(){
//Kattintás
jQuery("#gomb").click(function(){
      //Ha kék a háttér
       if(jQuery(this).hasClass("blue")){
          //Levesszük a blue osztályt, és hozzáadjuk a red-et
          jQuery(this).removeClass("blue").addClass("red");
       }else{ //Egyébként
          //Levesszük a red-et, hozzáadjuk a blue-t.
          jQuery(this).removeClass("red").addClass("blue");
       }
});
});
</script>

Minta


Categories: jQuery Tags: ,

PHP fájl meghívása – Ajax

május 26th, 2011 Nincsenek hozzászólások

Egy teljesen egyszerű példában bemutatom, hogyan tudsz egy PHP fájlt (vagy bármilyen fájlt, hivatkozást) meghívni a háttérben. Példámban jQuery Framework-ot fogok használni, részleteket itt tudsz olvasni a jQueryról.

A legegyszerűbben a következő függvénnyel lehet betölteni egy oldalt, a függvény neve jQuery.load(). Részletek a jQuery.load() függvényről itt

Olvass tovább…

Categories: jQuery, PHP programozás Tags: , ,