Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [java] Menu
Lombi
post
Post #1





Grupa: Zarejestrowani
Postów: 237
Pomógł: 11
Dołączył: 12.04.2006

Ostrzeżenie: (0%)
-----


Witam,

Chce zrobić proste menu:
jakiś link po najechaniu na który pojawiają się pod nim inne linki!
Zmajstrowałem sobie coś takiedo tylko nie wiem jak mam napisać że jeśli mysza pojedzie na "podmenu" żeby nadal je wyświetlał a jeśli nie to żeby ukrył!
  1. <script language="JavaScript">
  2. function MouseOver()
  3. {
  4. document.all.podmenu.style.visibility="visible";
  5. }
  6. function MouseOut() {
  7. if ()
  8. {
  9. document.all.podmenu.style.visibility="visible";
  10. }
  11. else
  12. {
  13. document.all.podmenu.style.visibility="hidden";
  14. }
  15. }
  16. </head>
  17.  
  18.  
  19. <a href="#" onMouseOver="MouseOver()" onMouseOut="MouseOut()">Menu</a>
  20.  
  21. <div id="podmenu" style="visibility:hidden">
  22. <a href="#">Podmenu 1</a></br>
  23. <a href="#">Podmenu 2</a></br>
  24. </div>
  25.  
  26.  
  27. </body>
  28. </html>


Ten post edytował Lombi 7.08.2006, 14:24:04


--------------------
znowu pomyliłem dwukropek ze średnikiem i starciłem pół dnia na szukanie błędu :)
Go to the top of the page
+Quote Post
=kokos=
post
Post #2





Grupa: Zarejestrowani
Postów: 114
Pomógł: 0
Dołączył: 6.08.2006

Ostrzeżenie: (0%)
-----


wejdz na stronkę i tam w lewym menu zatytułowanym skrypty znajdziesz Menu Otwierane. Może się przyda.


--------------------
Początkujący
Go to the top of the page
+Quote Post
Lombi
post
Post #3





Grupa: Zarejestrowani
Postów: 237
Pomógł: 11
Dołączył: 12.04.2006

Ostrzeżenie: (0%)
-----


Wszystko pieknie tylko że ja chce żeby menu rozwijało się kiedy najade na napis a nie na tabelke która dopasowuje się do szerokości linków w podmenu!

Jedyne czego mi brakuje to jak w skrypcie powyżej powiedzieć javce że jeśli najade na podmenu to ma go nie ukrywac a jesli zjade z niego to ma go ukryć winksmiley.jpg


--------------------
znowu pomyliłem dwukropek ze średnikiem i starciłem pół dnia na szukanie błędu :)
Go to the top of the page
+Quote Post
=kokos=
post
Post #4





Grupa: Zarejestrowani
Postów: 114
Pomógł: 0
Dołączył: 6.08.2006

Ostrzeżenie: (0%)
-----


Przerobiłem nieco skrypt, który Ci podałem. O taki efekt Ci chodziło?

w sekcji head

  1. <script TYPE="text/javascript" LANGUAGE="JavaScript">
  2. <!--
  3. var display_timer_id = new Array();
  4. function display(id, wartosc)
  5. {
  6. clearTimeout(display_timer_id[id]);
  7. if (document.getElementById) display_timer_id[id] = setTimeout('document.getElementById("' + id + '").style.display = "' + wartosc + '"', 1);
  8. else if (document.all) display_timer_id[id] = setTimeout('document.all["' + id + '"].style.display = "' + wartosc + '"', 1);
  9. }
  10. //-->
  11. </head>


w sekcji body

  1. <a href="" onmouseover="display('nr0','block')" onmouseout="display('nr0','none')">
  2. <B>MENU nr0</B></a>
  3. <DIV ID="nr0">
  4. <A HREF="" onmouseover="display('nr0','block')" onmouseout="display('nr0','none')">Pozycja nr0_0</A><BR>
  5. <A HREF="" onmouseover="display('nr0','block')" onmouseout="display('nr0','none')">Pozycja nr0_1</A><BR>
  6. <A HREF="" onmouseover="display('nr0','block')" onmouseout="display('nr0','none')">Pozycja nr0_2</A><BR>
  7. <A HREF="" onmouseover="display('nr0','block')" onmouseout="display('nr0','none')">Pozycja nr0_3</A><BR>
  8. <A HREF="" onmouseover="display('nr0','block')" onmouseout="display('nr0','none')">Pozycja nr0_4</A>
  9. </DIV>
  10. <script TYPE="text/javascript" LANGUAGE="JavaScript">
  11. <!--
  12. display('nr0','none');
  13. //-->
  14. <BR>


Ten post edytował =kokos= 7.08.2006, 20:16:35


--------------------
Początkujący
Go to the top of the page
+Quote Post
b4rtus
post
Post #5





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 1.03.2006

Ostrzeżenie: (0%)
-----


Tu masz gotowe rozwiązanie:

http://www.csscreator.com/menu/multimenu.php
Go to the top of the page
+Quote Post
Lombi
post
Post #6





Grupa: Zarejestrowani
Postów: 237
Pomógł: 11
Dołączył: 12.04.2006

Ostrzeżenie: (0%)
-----


=kokos= nie do końca ale podsunołeś mi dobry pomysl i juz działa tak jak chciałem winksmiley.jpg
b4rtus bardzo ciekawe rozwiazanie exclamation.gif!

Dziekuje panowie exclamation.gif!

Pisze dla wszystkich ktorzy nie chcą 500 linijek kodu na stronie skoro działa w 15 biggrin.gif

  1. <script language="JavaScript">
  2. function pokaz()
  3. {
  4. document.all.podmenu.style.visibility="visible";
  5. }
  6. function ukryj()
  7. {
  8. document.all.podmenu.style.visibility="hidden";
  9. }
  10. <style type="text/css">
  11. #podmenu {
  12. width: 70px;
  13. position: absolute; }
  14. </head>
  15.  
  16. <a href="#" onMouseOver="pokaz()" onMouseOut="ukryj()">Menu</a>
  17. <div id="podmenu" style="visibility:hidden" onMouseOver="pokaz()" onMouseOut="ukryj()">
  18. <a href="#">Podmenu 1</a></br>
  19. <a href="#">Podmenu 2</a></br>
  20.  
  21. </div>
  22.  
  23. </body>
  24. </html>


Częstujcie się!

Ten post edytował Lombi 7.08.2006, 21:44:03


--------------------
znowu pomyliłem dwukropek ze średnikiem i starciłem pół dnia na szukanie błędu :)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 01:55