Kezdőoldal » Számítástechnika » Weblapkészítés » Javascript táblázatok, css...

Javascript táblázatok, css class-ok?

Figyelt kérdés

Van egy táblázatom, és minden cellához 3 class név tartozik. Hogyan tudnám megcsinálni, hogy ha egy bizonyos cella fölé viszem a kurzort, amelyik class ott be van állítva, a többi ugyanolyan osztályú cellát (különböző színekkel) kiemelje?


Ha lehet ne kelljen mindegyikhez beírni, hogy onmouseover()... úgy én is tudnám, csak kicsit hosszadalmas...


Köszönöm a segítséget!


2011. jan. 11. 23:15
 1/7 anonim ***** válasza:

például úgy hogy kikeresed az összes abba az osztályba tartozó elemet,

csinálsz egy tömböt belőlük, végigmész rajta és átallitod a színüket. pl


function szinvalto(cella){

var vmiosztaly = document.getElementsByClassName(cella.className);


for (var i=0; i<vmiosztaly.length; i++){

vmiosztaly[i].style.bgColor = "szinkod";

}

}


a cella onclick-jbol meghivod: szinvalto(this);

2011. jan. 12. 01:29
Hasznos számodra ez a válasz?
 2/7 anonim ***** válasza:
onmouseover-ból hívod meg, elnéztem
2011. jan. 12. 01:43
Hasznos számodra ez a válasz?
 3/7 anonim ***** válasza:

"Ha lehet ne kelljen mindegyikhez beírni, hogy onmouseover()... úgy én is tudnám, csak kicsit hosszadalmas.."


hát ez paradigma. Mert ha valaminek az onmouseover-jéből akarsz vmit végrehajtani akkor muszáj ott lennie az onmouseover-nek.


Ha nem akarod egyenként beírni őket, akkor írd be oda, ahol generálod ki az oldalat. Ha nem generálod hanem HTML, akkor csinálj egy ojan függvényt, ami a kiosztja hejetted az onmouseover attribútumokat, pl a body onload-jában. Ha nem elég specifikus a válasz akkor adj még több infot hogy, hogyan jön létre az oldalad, esetleg vmi forráskódokat

2011. jan. 12. 01:48
Hasznos számodra ez a válasz?
 4/7 anonim ***** válasza:
Szerintem, használj jquery-t azzal egyszerűen hozzá tudsz rendelni eseményt anélkül, hogy onmouseoverokat kéne csinálni.
2011. jan. 12. 15:24
Hasznos számodra ez a válasz?
 5/7 anonim ***** válasza:

én is jquery-re szavazok:


<script src=" [link] type="text/javascript"></script>

<script type="text/javascript">

$('.cella1').hover(function()

{

$('.cella1').css("background","red");

});

</script>

2011. jan. 12. 16:33
Hasznos számodra ez a válasz?
 6/7 A kérdező kommentje:
Köszönöm a válaszokat! Az utolsó megoldást kipróbáltam, de valamiért nem működött...
2011. jan. 17. 17:15
 7/7 A kérdező kommentje:
Közben rájöttem, kellett hozzá egy $(document).ready. Köszönöm mégegyszer!
2011. jan. 17. 17:22

Kapcsolódó kérdések:




Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!