Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript][CSS]jquery-wysuwany-boczny-panel-menu
maniek6666
post 24.10.2010, 17:26:39
Post #1





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 1.03.2010

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

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


Ten post edytował maniek6666 24.10.2010, 17:27:48
Go to the top of the page
+Quote Post
d3ut3r
post 24.10.2010, 19:00:00
Post #2





Grupa: Zarejestrowani
Postów: 709
Pomógł: 176
Dołączył: 24.10.2010

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

nie przyglądałem się dokładnie, ale brakuje tutaj obsłużenia zdarzenia click dla klasy slide_button.


--------------------
http://d3ut3r.wordpress.com/ | mysql_* jest przestarzałe UŻYWAJ PDO!
Go to the top of the page
+Quote Post
maniek6666
post 24.10.2010, 19:43:35
Post #3





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 1.03.2010

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

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
Go to the top of the page
+Quote Post
d3ut3r
post 24.10.2010, 21:28:21
Post #4





Grupa: Zarejestrowani
Postów: 709
Pomógł: 176
Dołączył: 24.10.2010

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

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 ?


--------------------
http://d3ut3r.wordpress.com/ | mysql_* jest przestarzałe UŻYWAJ PDO!
Go to the top of the page
+Quote Post
maniek6666
post 24.10.2010, 21:40:43
Post #5





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 1.03.2010

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

Serdeczne dzięki działa smile.gifsmile.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: Standardowy · Przełącz na: 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: 9.06.2025 - 04:15
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn