Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [js]menu rozwijane
misty
post
Post #1





Grupa: Zarejestrowani
Postów: 366
Pomógł: 0
Dołączył: 2.01.2007

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

hej!
wiem ze temat na forum byl poruszany setki razy i niby cala masa na ten temat na googlach..
ale ludzie podsylaja sobie wszedzie gotowce albo proponuja dolaczenie swoich skryptow..
musze zrobic menu rozwijane (tzn. jak najade na element to ma sie pojawic lista-podmenu).
nie chce korzystac z gotowych rozwiazan ktorych jest cala masa bo nic sie wtedy nie naucze.
czy ktos z Was moglby polecic mi prosty kurs/sposob na zrobienie takiego menu? w javascript..
z gory dzieki!
i mam nadz ze nie rozzloscilam mocno moderatorow poruszajac po raz kolejny ten watek (na prawde przejrzalam wczesniej watki na ten temat na tym forum..)

pzdr!
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
misty
post
Post #2





Grupa: Zarejestrowani
Postów: 366
Pomógł: 0
Dołączył: 2.01.2007

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

tak miales racje.. przyznaje ze nie przejrzalam strony zbyt dokladnie, angielskie teksty czasem mnie odstraszaja a na pierwszy rzut oka nie wygladalo to na to czego szukam..
zwracam honor i na prawde dzieki za pomoc!!!

jedno tylko jeszcze pytanie.. co z ta pseudoklasa 'hover'? bo raz dziala a raz nie.. tzn. dodam jakis komentarz albo cos dopisze i nagle wogole przestaje mi dzialac.. testuje na firefoxie i konqueror i dziala tak bardzo w kratke..

mam jeszcze takie 2 pytania z racji tego ze sposob ten jest bardzo zalezny od przegladarek..
1. jest tam dodana pewna funkcja w java_script ktora trzeba dodac by to chodzilo pod IE.
kod tej fkcji:

<script type="text/javascript"><!--//--><![CDATA[//><!--

sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>" title="Zobacz w manualu PHP" target="_manual


nie wiem czemu, ale w miejscu for (var i=0; i<sfEls.length; i++)" title="Zobacz w manualu PHP" target="_manual, tu gdzie zaczyna sie znak '<' jest to troche inaczej interpretowane.. tak jakbym miala wstawic tam jakis znacznik, albo wpisac np. <script>. po prostu od tego momentu kod nie jest intepretowany prawidlowo..

2. druga sprawa, to w przegladarkach takich jak mozzila i firefox nie znikaja mi te 'kropki' ktore nadaja znaczki ul i li. (pod konqerorem z kolei ladnie ich nie widac). chcialabym je ukryc.. tylko nie do konca wiem jak..
podsylam moj kod:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.   <style type="text/css">
  4.  
  5.     #menu, #menu ul {
  6. 	padding: 0;
  7. 	margin: 0;
  8. 	list-style: none;
  9.         }
  10. 	#menu a {
  11. 	    display: block;
  12. 	    width: 15em;	    
  13. 	    	}
  14.  
  15. 	    #menu li {
  16. 		float: left;  
  17. 		width: 15em;	    
  18. 		font-size:15;
  19.  
  20. 		    }
  21.  
  22. 	#menu li ul {
  23. 	    position : absolute;
  24. 	    width: 15em;  
  25. 	    left: -999em;
  26. 	    	        }
  27.  
  28. 	    #menu li:hover ul, #menu li.sfhover ul {
  29. 		left: auto;
  30.         }
  31.  
  32.     </style>
  33.  
  34. <!-- teraz funkcja w javascripcie ktora musi byc zeby pod IE dzialalo..-->
  35.  
  36.     <script type="text/javascript">
  37.  
  38. 	sfHover = function()
  39. 	{
  40. 	    var sfEls = document.getElementById("menu").getElementsByTagName("LI");
  41.  
  42. 		for (var i=0;  i<sfEls.length; i++) <!--wlasnie w tym miejscu przy znaku '<' kod nie jest dalej interpretowany jako funkcja..-->
  43.  
  44. 		{
  45. 		    sfEls[i].onMouseOver=function()
  46. 		    {
  47. 			    this.className+="sfhover";
  48.  
  49. 		    }
  50. 			    sfEls[i].onMouseOut=function()
  51. 			    {
  52. 				this.className=this.className.replace(new RegExp("sfhover\\b"),"");
  53. 			    }
  54. }	}
  55.  
  56. 	    if (window.attachEvent) window.attachEvent("onload", sfHover);
  57. 	    </script>
  58.  
  59. </head>
  60. <body>
  61.     <ul id="menu">
  62.     <table border><tr><td>
  63. 	<li><a href="#"><center>jeden</center></a>
  64. 	    <ul><table border><tr><td>
  65. 		<li><a href="#"><center>jeden.jeden</center></a></li>
  66. 		<li><a href="#"><center>jeden.dwa</center></a></li>
  67. 			<li><a href="#"><center>jeden.trzy</center></a></li></td></td></tr></table>
  68. 	    </ul>
  69. 	</li>
  70.  
  71.     <td><li><a href="#"><center>dwa</center></a>
  72. 	    <ul><table border><tr><td>
  73. 		<li><a href="#"><center>dwa.jeden</center></a></li>
  74. 		<li><a href="#"><center>dwa.dwa</center></a></li></td></td></tr></table>
  75. 	    </ul>
  76. 	</li>	    		
  77.  
  78.     <td><li><a href="#"><center>trzy</center></a>
  79. 	    <ul><table border><tr><td>
  80. 		<li><a href="#"><center>trzy.jeden</center></a></li>
  81. 		<li><a href="#"><center>trzy.dwa</center></a></li></td></td></tr></table>
  82. 	    </ul>
  83. 	</li>	    		
  84. </body>
  85. </html>
[HTML] pobierz, plaintext



ma ktos z Was moze pomysl? jak to ulepszyc pod IE by dzialalo i jak pozbyc sie tych kropek?

Ten post edytował misty 26.03.2007, 11:51:02
Go to the top of the page
+Quote Post

Posty w temacie
- misty   [js]menu rozwijane   25.03.2007, 14:35:12
- - Istalacar   Witam Kiedyś chciałem sobie zrobić własne menu i t...   25.03.2007, 17:17:57
- - woj_tas   A nie może być na Css-ie z odrobiną JS... Zobacz ...   25.03.2007, 18:15:30
- - misty   Istlar: w tym linku co mi podeslales jest tylko j...   25.03.2007, 21:51:50
- - empathon   Link który podał woj_tas to opisuje. Przypatrz się...   25.03.2007, 22:18:50
- - misty   tak miales racje.. przyznaje ze nie przejrzalam st...   26.03.2007, 14:18:59
- - Kamson   hmm dziwne .. u mnie pod IE działa i pod FF tak sa...   27.03.2007, 13:46:06
- - misty   noo tabelka.. chcialam miec w tabelce. zreszta to ...   29.03.2007, 15:58:03
- - joshrob   Cytat(misty @ 25.03.2007, 15:35:12 ) ...   29.03.2007, 17:31:11
- - misty   dzieki serio, sporo mi to pomoglo, przejrzalam, zn...   1.04.2007, 14:38:06
- - kwiateusz   $() to tylko alias funkcji document.getElemen...   1.04.2007, 18:25:03
- - misty   nie mowie ze bede probowac ja pisac w php, bardzie...   1.04.2007, 21:53:41
|- - joshrob   Cytat(misty @ 1.04.2007, 22:53:41 ) n...   6.04.2007, 09:52:40
- - Justin   Hi all. Look php tutorial.   9.06.2010, 17:06:05

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

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