Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][CSS]jquery-wysuwany-boczny-panel-menu
Forum PHP.pl > Forum > Przedszkole
maniek6666
24.10.2010, 17:26:39
Witam serdecznie , mam problem z menu rozsuwanym po dodaniu tego skryptu 

[PHP] pobierz, plaintext 
  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  2.  
  3. 	<link rel="stylesheet" href="panel.css" type="text/css" />
  4.  
  5. 	<script type="text/javascript">
  6.  
  7. 		$(function(){
  8.  
  9. 			$("#panel").css("left","-220px");
  10.  
  11. 			$(".slide_button").toggle(function(){
  12.  
  13. 				$("#panel").animate({left: "0px"}, 500 );
  14. 				$(this).addClass("zamknij"); 
  15. 				return false;
  16. 			},
  17. 			function(){	
  18. 				$("#panel").animate({left: "-220px"}, 500 );
  19. 				$(this).removeClass("zamknij"); 
  20. 				return false;
  21. 			});
  22.  
  23. 		});
  24.  
  25. 	</script>
  26.  
  27.  
  28. 	<!--[if lt IE 8]>
  29. 	<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
  30. 	<![endif]-->
  31. </head>
  32. <body>
  33.  
  34. 	<div id="panel">
  35.  
  36. 		<ul id="main_menu">
  37.       <li><a href="#">Strona główna</a></li>
  38. 			<li><a href="#">Portfolio</a></li>
  39. 			<li><a href="#">Kontakt</a></li>
  40.     </ul>
  41.  
  42. 		<a href="#" class="slide_button" >Menu</a>
  43.  
  44. 	</div>
  45.  
  46. <div>
  47. <!-- przykładowa treść niżej nic nie ma -->
  48. <p></div>
[PHP] pobierz, plaintext


menu poprostu sie nie chowa przykład na tej stronce http://www.funnytv.pl

a oto kod mojego pliku z dodanym skryptem
http://wklej.org/id/406495/

serdecznie prosze o pomoc sad.gif
d3ut3r
24.10.2010, 19:00:00
nie przyglądałem się dokładnie, ale brakuje tutaj obsłużenia zdarzenia click dla klasy slide_button.
maniek6666
24.10.2010, 19:43:35
hmm nie wiem ale mi się wydaje ze zle wstawiam ten skrypt bo jeśli dodaje go w pliku html dziala prawidlowo
oto przykład
http://www.funnytv.pl/templates/default/test.html

może miał ktoś podobny problem serdecznie prosze o pomoc
d3ut3r
24.10.2010, 21:28:21
ok, głupoty napisałem smile.gif, przeglądając kod strony dochodzę do wniosku, że plik css jest źle podlinkowany na twojej stronie masz:

[HTML] pobierz, plaintext 
  1. <link rel="stylesheet" href="panel.css" type="text/css" /> 
[HTML] pobierz, plaintext


a powinno być raczej:

[HTML] pobierz, plaintext 
  1. <link rel="stylesheet" href="templates/default/panel.css" type="text/css" /> 
[HTML] pobierz, plaintext


poza tym na stronie masz dwa razy <body> dlaczego ?
maniek6666
24.10.2010, 21:40:43
Serdeczne dzięki działa smile.gifsmile.gif
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.