Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [js] rozwijane menu
prz3kus
post 12.06.2007, 15:38:31
Post #1





Grupa: Zarejestrowani
Postów: 260
Pomógł: 30
Dołączył: 22.01.2007

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

Mam taki skrypcik żywcem przepisany z książki na rozwijane menu ale coś skopałem bo nie biega może będziecie wiedzieli co skopałem

menu.html
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.   <head>
  4.   <meta http-equiv="content-type" content="text/html; charset=ISO-8859-2">
  5.   <meta name="generator" content="PSPad editor, www.pspad.com">
  6.   <link rel="stylesheet" type="text/css" href="menu.css">
  7.   <title>Menu rozwijane</title>
  8.  
  9.  
  10.  
  11. <script language="JavaScript" type="text/javascript"
  12.   src="menu.js">
  13.  
  14. </script>
  15.  
  16.   </head>
  17.   <body>
  18.  
  19. <h1>Test Menu</h1>
  20.  
  21. <ul id="menu">
  22. <li calss="menu"><a href="link1">Link1</a></li>
  23. <li calss="menu"><a href="link1">Link1</a>
  24. <ul>
  25. <li><a href="link1">Link1</a></li>
  26. <li><a href="link1">Link1</a></li>
  27. <li><a href="link1">Link1</a></li>
  28. </ul>
  29. </li>
  30. <li calss="menu"><a href="link1">Link1</a>
  31. <ul>
  32. <li><a href="link1">Link1</a></li>
  33. <li><a href="link1">Link1</a></li>
  34. <li><a href="link1">Link1</a></li>
  35. </ul>
  36. </li>
  37. </ul>
  38.  
  39.   </body>
  40. </html>
[HTML] pobierz, plaintext


plik menu.js
[HTML] pobierz, plaintext 
  1. // JavaScript Document
  2. var t=false.current;
  3. function SetupMenu(){
  4. items=document.getElementsByTagName("li");
  5. for (i=0; i<items.lenght; i++){
  6. if (items[i].className != "menu") continue;
  7.  
  8. thelink=findChild(items[i],"A");
  9. thelink.onmouseover=ShowMenu;
  10. thelink.onmouseout=StartTimer
  11.  
  12. if (ul=findChild(items[i],"UL")){
  13. ul.style.display="none";
  14. for (j=0; j<ul.childNodes.lenght; j++){
  15. ul.childNodes[j].onmouseover=ResetTime;
  16. ul.childNodes[j].onmouseout=StartTime;
  17. }
  18. }
  19. }
  20. }
  21.  
  22. function findChild(obj,tag){
  23. cn = obj.childNodes;
  24. for (k=0; k<cn.lenght; k++){
  25. if(cn[k].nodName==tag) return cn[k];
  26. }
  27. return false;
  28. }
  29. function ShowMenu(e){
  30. if (!e) var e = window.event;
  31. thislink = (e.target) ? e.target: e.srcElement;
  32. ResetTime();
  33.  
  34. if (current) HideMenu(current);
  35.  
  36. thislink = thislink.parentNode;
  37. current=thislink;
  38.  
  39. ul = findChild(thislink,"UL");
  40. if (!ul) return;
  41. ul.style.display="block";
  42. }
  43. function HideMenu(thelink) {
  44. ul = findChild(thelink,"UL");
  45. if (!ul) return;
  46. ul.style.display="none";
  47. }
  48. function ResetTimer(){
  49. if (t) window.clearTimeout(t);
  50. }
  51. function StartTimer(){
  52. t = window.setTimeout("HideMenu(current)",500);
  53. }
  54. window.onload=SetupMenu;
[HTML] pobierz, plaintext


plik menu.css

[HTML] pobierz, plaintext 
  1. #menu {
  2. position: absolute;
  3. }
  4. #menu li {
  5. float: left;
  6. list-style-type: none;
  7. padding-right: 20px;
  8. width: 100px;
  9. background-color: silver;
  10. }
  11. #menu li ul {
  12. background-color: silver;
  13. margin: 0px;
  14. padding: 0px;
  15. }
  16. #menu li ul li {
  17. padding: 0px;
  18. margin: 0px;
  19. float: none;
  20. list-style-type: none;
  21. width: 80px;
  22. }
[HTML] pobierz, plaintext


Menu się wyświetla jako rozwinięte i nic sie nie dzieje? sad.gif
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 13:16
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn