Autor Zpráva
majja01
Profil
Ahojte všichni,
mám problém s vysouvací nabídkou jde o to že když na ní dám myš tak se sice zobrazí ale když dám myš pryč tak se neskryje.
ps:vím že se má něco přidat do js ale nwm co.


tady je JavaScript :


 <script>
function zobrazSkryj(idecko){
el=document.getElementById(idecko).style;
el.display=(el.display == 'block')?'none':'block';
}
</script>

Tady tlačítko a menu:
<a onMouseOver="zobrazSkryj('oddil')"><li class="item">výrobky</li></a>

<div id="oddil" class="dropmenu">
    <a href="#"><li class="item-drop">Obrazy</li></a>
    <a href="#"><li class="item-drop">Panenky</li></a>
    <a href="#"><li class="item-drop">Skříňnky</li></a>
    <a href="#"><li class="item-drop">Krasohledy</li></a>
    <a href="#"><li class="item-drop">Hračky pro děti</li></a>
    </div>
Děkuji za odpovědi majja01
vojja01
Profil *
Za 1)
Musí tam být i událost onmouseout, je to protiklad k onmouseover. Když tam dáš jenom onmouseover, tak když po tom přejedeš myší, tak se to zobrazí (skryje), ale když s ní odjedeš, nic se nestane
Za 2)
Pokud chceš, aby se to menu skrylo i když odjedeš z něj, tak to připíšeš k tomu menu:
<div id="oddil" class="dropmenu" onmouseout="zobrazskryj('oddil');">
v tomto případě bych tam napsal jenom "onmouseout", protože v defaultním stavu je to stejně skryté.
majja01
Profil
@vojja01 boužel ten váš kod mi nějak nefunguje ale přidal sem tam ještě jednou tu funkci onmouseout (jak ste mi radil) to už sice funguje že když dám myš s toho odkazu tak se to skryje, ale když dám tu myš do toho menu tak se to taky skryje a to já nechci :(
jinak sem to změnil takhle:
js:
<script>
function Skryj(idecko){
el=document.getElementById(idecko).style;
el.display=(el.display == 'block')?'none':'block'; 
}
function Zobraz(idecko){
el=document.getElementById(idecko).style;
el.display=(el.display == 'none')?'block':'none'; 
}  
</script>

a odkaz : <a onMouseOver="Skryj('oddil')" onMouseOut="Zobraz('oddil')"><li class="item">výrobky</li></a>


Aha tak už nic vyřešil sem to. Díky všem
margin
Profil *
Položky seznam,u nemají v odkazech co dělat.
Máš přemnoženou třídu "item-drop".

Mělo by to vypadat nějak takto http://jsfiddle.net/5N6UG/
majja01
Profil
@ děkuji za upozornění v tom dropmenu opravdu nemají li co dělat (je to chyba toho že jsem jenom ul nahradil divem a li zapomněl vymazat). Ten kod už sem vyřešil mám to skoro stejně jako vy ale v divu dropmenu mám onmouseout="zobrazskryj('oddil');" a v tom odkazu taky ( jak píše @vojja01)
a nevíte někdo jak tam ted přidat nějaké vysouvací js efekty?

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: