Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js]Rozwijane menu
Forum PHP.pl > Forum > Przedszkole
Glarden
16.12.2007, 15:08:55
Hej ho!
Mam taki oto kod:
[HTML] pobierz, plaintext 
  1. <script>
  2. ID=setTimeout("ukryj()", 1000);
  3. function ukryj() {
  4. 	div = document.getElementById("lista");
  5. 	div.style.visibility = "hidden";
  6. }
  7.  
  8. function pokaz() {
  9. 	div = document.getElementById("lista");
  10. 	div.style.visibility = "visible";
  11. }
  12. </script>
  13. <a href="#" onMouseOver="javascript:pokaz();" onMouseOut="javascript:ukryj();">Hejmejowie</a> 
  14. <div onMouseOver="javascript:pokaz();" onMouseOut="javascript:ukryj();" id="lista">
  15. <li><a href="#">Tatucho</a></li>
  16. <li><a href="#">Mamucha</a></li>
  17. <li><a href="#">Martucha</a></li>
  18. <li><a href="#">Tomek</a></li>
  19. <li><a href="#">Olucha</a></li>
  20. </div>
[HTML] pobierz, plaintext


Chodzi tu o to, żeby po najechaniu na odnośnik rozwijała się lista innych odnośników. Wszystko działa jak należy, ale chciałbym zrobić coś takiego, że po zjechaniu z odnośnika lista odnośników znika dopiero po sekundzie, a nie od razu.
Powinno być coś z setTimeOut, tak? Próbowałem, ale nie udawało się...
b_chmura
16.12.2007, 16:11:05
Kod
<script>
    function ukryj()
    {
        div = document.getElementById("lista");
        div.style.visibility = "hidden";
    }
    function pokaz()
    {
        div = document.getElementById("lista");
        div.style.visibility = "visible";
    }
</script>
<body onload="javascript: ukryj()">
    <a href="#" onMouseOver="javascript: pokaz();">Hejmejowie</a>
    <div onMouseOut="javascript: setTimeout('ukryj()', 1000);" id="lista">
        <li><a href="#">Tatucho</a></li>
        <li><a href="#">Mamucha</a></li>
        <li><a href="#">Martucha</a></li>
        <li><a href="#">Tomek</a></li>
        <li><a href="#">Olucha</a></li>
    </div>
</body>
Glarden
26.01.2008, 11:00:42
Działa! Dzięki.

Tylko teraz mam inny problem. Jest ten sam skrypt js, ale chciałbym, żeby pojawiające się menu było daleko od odnośnika, żeby go "nie dotykało". Ustawiłem to sobie w css, ale teraz menu znika zanim myszka zdąży tam dojechać.
Nie mam pojęcia, jak to naprawić.
Możecie to zobaczyć tu: http://sokoly.ddl2.pl/eksperymentus/szablon/. Przy odnośniku download.
b_chmura
26.01.2008, 12:14:40
a gdzie setTimeout()?

Kod
onMouseOut="javascript: setTimeout('ukryj()', 1000);"
Glarden
26.01.2008, 12:59:25
Zrobiłem, ale teraz jest tak, że nadążam najechać na menu, ale po sekundzie od zjechania z odnośnika menu i tak znika, bo tak jest zrobiona funkcja.
Edit: dobra, nie chciało mi się myśleć i zrobiłem na kliknięcie, a nie na najechanie. Nie wygląda tak źle.
Można zamknąć
b_chmura
26.01.2008, 13:37:16
trochę źle do tego podchodzimy.

Kod
<script>
    function ukryj(id)
    {
        div = document.getElementById(id);
        div.style.display = "none";
    }
    function pokaz(id)
    {
        div = document.getElementById(id);
        div.style.display = "";
    }
</script>
<body onload="ukryj('menu1');">
<div onMouseOver="pokaz('menu1');" onMouseOut="setTimeout('ukryj(\'menu1\')', 1000);">
    <a href="#">Hejmejowie</a>
    <div id="menu1">
        <a href="#">Tatucho</a><br />
        <a href="#">Mamucha</a><br />
        <a href="#">Martucha</a><br />
        <a href="#">Tomek</a><br />
        <a href="#">Olucha</a><br />
    </div>
</div>
</body>


ee, testowałem, nie działa.
Zaraz coś wykombinuje.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.