(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi |
|
Alati teme | Način prikaza |
17. 09. 2009. | #1 |
član
Certified
Datum učlanjenja: 30.01.2009
Poruke: 77
Hvala: 15
16 "Hvala" u 11 poruka
|
Više od jednog li:hovera
Imam problem sa menijem gde je svaka stavka različite boje. Pošto li:hover za ie6 - hack koji koristim je ovaj:
Kôd:
sfHover = function() { var sfEls = document.getElementById("tmenu").getElementsByTagName("LI"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", sfHover); Kada ukucam li.sfhover.item35, dešava se da tada stoji hover slika u meniju a da nisam uradio mouseover. Najlakše bi bilo kada bih mogao kopirati ovaj skript, i za svaku stavku ga uradio posebno, jer ovako ne može. Da li je ovo izvodljivo i kako? |
17. 09. 2009. | #2 |
Ivan Dilber
Sir Write-a-Lot
|
moras da definises klase tipa sfhover1, pa za nju das boje, pa tako za svaku stavku drugi broj... i onda u kodu stavis:
this.className+=" sfhover" + i; // varijabla i ti je brojac u petlji dodelu brojeva organizujes po svojoj logici menija, da li ce svaki imati drugu boju, ili imas neke grupe, to vec moras sam da vidis, ali ova je fora..
__________________
Leadership is the art of getting people to want to do what you know must be done. |
17. 09. 2009. | #3 |
član
Certified
Datum učlanjenja: 30.01.2009
Poruke: 77
Hvala: 15
16 "Hvala" u 11 poruka
|
Ja sam probao ovako nešto:
Kôd:
sfHover1 = function() { var sfEls = document.getElementById("tmenu").getElementsByTagName("LI"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover1"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover1\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", sfHover1); Gde ovo ide this.className+=" sfhover" + i; ? Kontam da je umesto ovoga this.className+=" sfhover1"; negde, ali...? |
18. 09. 2009. | #4 |
Ivan Dilber
Sir Write-a-Lot
|
pa da, upravo. Ta linija dodaje da se u onmouseover dodeli li klasa, cime se simulira hover efekat. Isto tako i za onmouseout treba tu istu klasu obrisati. Znaci:
Kôd:
sfHover1 = function() { var sfEls = document.getElementById("tmenu").getElementsByTagName("LI"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover" + i; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover"+i+"\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", sfHover1);
__________________
Leadership is the art of getting people to want to do what you know must be done. Poslednja izmena od ivanhoe : 18. 09. 2009. u 02:43. |
20. 09. 2009. | #5 |
član
Certified
Datum učlanjenja: 30.01.2009
Poruke: 77
Hvala: 15
16 "Hvala" u 11 poruka
|
Nisam baš uspeo da nateram hack da radi, jer jednostavno ne uradi onmouseout. Tačnije, prvi item radi, na drugom itemu stoji hover slika preko one koje treba, no nije možda ni bitno sad.
Csshover.htc rešava problem generalno, medjutim na joomla templejtu ne uspeva. Još ću pogledati. |
|
|
Slične teme | ||||
Tema | Početna poruka teme | Forum | Odgovori | Poslednja poruka |
SMF forum sa jednog na drugi domen | metaphysic | Sva početnička pitanja | 1 | 05. 10. 2010. 19:28 |
evo jednog crtaca :) | flash_back | Opušteno | 1 | 06. 09. 2009. 00:06 |
Tipičan dan jednog programera | dootzky | Opušteno | 61 | 25. 09. 2008. 09:16 |
Dopremanje (jednog Maca) iz USA | Ilija Studen | Opušteno | 10 | 06. 06. 2006. 22:14 |
Statistike jednog developer sajta | Ilija Studen | Web aplikacije, web servisi i software | 8 | 17. 08. 2005. 00:44 |