Autor | Zpráva | ||
---|---|---|---|
Jakubnovak Profil * |
#1 · Zasláno: 28. 9. 2011, 11:23:22
Zdravím,
mám menu, na které se najede a změní se odkazy v submenu: <ul> <li><a href="#" onmouseover="show_navi('1');"><span>test</span></a></li> <li><a href="#" onmouseover="show_navi('2');"><span>test</span></a></li> <li><a href="#" onmouseover="show_navi('3');"><span>test</span></a></li> </ul> </div> <div class="podmenu"> <div id="navi_1" style="display:inline;"><a href="#">test</a><a href="#">test</a></div> <div id="navi_2" style="display:none;"><a href="#">test</a><a href="#">test</a></div> <div id="navi_3" style="display:none;"><a href="#">test</a><a href="#">test</a><a href="#">test</a></div> </div> </div> JavaScript: function show_navi(nav_id) { document.getElementById("navi_1").style.display = "none"; document.getElementById("navi_2").style.display = "none"; document.getElementById("navi_3").style.display = "none"; document.getElementById("navi_" + nav_id).style.display = "inline"; } Šlo by nějak udělat, aby když někdo najede na nějaká odkaz v navigaci dostal daný odkaz class="select"? Poté by najel na další a ten dotal také class="select", ovšem ten class by tam musel zůstat, dokud nenajede na jiný odkaz v menu. Je to možné? |
||
_es Profil |
#2 · Zasláno: 28. 9. 2011, 11:28:08
Jakubnovak:
„Šlo by nějak udělat, aby když někdo najede na nějaká odkaz v navigaci dostal daný odkaz class="select"?“ className |
||
Jakubnovak Profil * |
#3 · Zasláno: 28. 9. 2011, 11:30:38
Jak jim to mám ale přidělit, když potřebuju, aby:
Poté by najel na další a ten dotal také class="select", ovšem ten class by tam musel zůstat, dokud nenajede na jiný odkaz v menu. |
||
_es Profil |
#4 · Zasláno: 28. 9. 2011, 11:44:00
Jakubnovak:
> aby: > Poté by najel na další Kto by tam „najel“? Návštevník, či nejaké automatické „najetí“? „ovšem ten class by tam musel zůstat, dokud nenajede na jiný odkaz v menu.“ Teda ti treba len pri rôznych udalostiach nastavovať vhodnú vlastnosť className. |
||
Jakubnovak Profil * |
#5 · Zasláno: 28. 9. 2011, 11:47:10
Zkusil jsem toto:
<li><a href="#" onmouseover="this.className='select'" onmouseover="show_navi('2');"><span>test</span></a></li> Funguje, ale problém je, že i po najetí myší na jiný odkaz má furt class="select", šlo by nějak udělat, aby se po najetí myši na jiný odkaz změnil class z5 na class="menu"? |
||
_es Profil |
#6 · Zasláno: 28. 9. 2011, 11:54:23
Jakubnovak:
„onmouseover="this.className='select'" onmouseover="show_navi('2');"“ A výsledná vlastnosť (atribút) onmouseover má byť aká? „šlo by nějak udělat, aby se po najetí myši na jiný odkaz změnil class z5 na class="menu"?“ Išlo, nastav tomu inému odkazu aby po najetí myši na jiný odkaz změnil class z5 na class="menu" tip: vlastnosť className. |
||
Jakubnovak Profil * |
#7 · Zasláno: 28. 9. 2011, 11:58:31
Zkusil jsem tedy upravit javascript takto:
function show_navi(nav_id) { document.getElementById("navi_1").style.display = "none"; document.getElementById("navi_2").style.display = "none"; document.getElementById("navi_3").style.display = "none"; document.getElementById("navi_" + nav_id).style.display = "inline"; document.getElementById("navi_" + nav_id).className = "select"; } Ovšem to nějak nefunguje :( |
||
Jakubnovak Profil * |
#8 · Zasláno: 28. 9. 2011, 12:01:08
Tak když to ověřím pomocí
if (document.getElementById("navi_" + nav_id).className == "select") { alert ("Jede to!"); } Tak to jede, přitom se ale prvek nijak nezměnil |
||
_es Profil |
#9 · Zasláno: 28. 9. 2011, 12:03:13
Jakubnovak:
„přitom se ale prvek nijak nezměnil“ A nastavil si mu v CSS štýle, aby sa nejako zmenil? |
||
Jakubnovak Profil * |
#10 · Zasláno: 28. 9. 2011, 12:07:29
Tak nakonec jsem to vyřešil, byla to moje blbost - Nastavoval jsem class jinému DIVu, než jsem chtěl. Děkuji za pomoc!
|
||
Časová prodleva: 13 let
|
0