Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [jQuery] wysuwany div
suxone
post 9.02.2011, 21:10:28
Post #1





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 30.08.2009

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

Mam dziwny problem i nie mam już pojęcia o co może chodzić. Pod operą wszystko działa, a pod resztą przeglądarek (FF, Chrome, IE) nie...

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <link rel="Stylesheet" type="text/css" href="style.css" />
  4. <script type="text/javascript" src="jquery142.js" />
  5. <script type="text/javascript">
  6.  
  7. $(document).ready(function() {
  8.                      $("#wysuwany_div").mouseover(function() {
  9.                                                  $("#wysuwany_div").stop();
  10.                                                  $("#wysuwany_div").animate({
  11.                                                                  right: "0", //po najechaniu myszką na obiekt, jego prawy margines ma zmienić się na 0px
  12.                                                                  },350 //margines zmieni się w czasie 350 milisekund
  13.                                                                  );
  14.                                                  })
  15.                      $("#wysuwany_div").mouseout(   
  16.                                           function() {
  17.                                                    $("#wysuwany_div").stop();
  18.                                                    $("#wysuwany_div").animate({
  19.                                                                   right: "-369", //po zjechaniu kursora z obiektu, jego prawy margines ma zmienić się na -209px czyli tyle ile ma szerkości nasza niebieska ramka minus wystający kawałek z logo facebook który ma być cały czas widoczny.
  20.                                                                   }, 350 //dzieje się to również w czasie 350 milisekund
  21.                                                                   );
  22.                                                                   });
  23.                      });
  24. </script>
  25. </head>
  26.  
  27. <body>
  28. <div id="wysuwany_div">
  29. dupa
  30. </div>
  31.  
  32. </body>
  33. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
sazian
post 11.02.2011, 15:49:50
Post #2





Grupa: Zarejestrowani
Postów: 1 045
Pomógł: 141
Dołączył: 19.09.2006
Skąd: B-tów

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

no jak to mówią dokładny opis problemu to pierwszy krok do sukcesu biggrin.gif
a tak na poważnie to co nie działa questionmark.gif
zainstaluj firebuga i sprawdź błędy w konsoli http://getfirebug.com/
Go to the top of the page
+Quote Post
suxone
post 11.02.2011, 20:16:33
Post #3





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 30.08.2009

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

nie wysuwa się ten div tongue.gif tutaj nie ma czego opisywać bo problem jest nieduży, pod firebugiem nie wyrzuca żadnych błędów, po prostu się div nie wysuwa (jest martwy ;p) pod opera normalnie śmiga

zarzucam jeszcze kod css
[HTML] pobierz, plaintext 
  1. #wysuwany_div { width: 394px; height: 182px; background: #272727; 
  2. 				position: fixed; top: 200px; right: -380px; z-index: 2; margin: 3px 3px;
  3. 				color: gold; border-style: groove; border-color: gold;}
[HTML] pobierz, plaintext


Ten post edytował suxone 11.02.2011, 20:17:13
Go to the top of the page
+Quote Post
Gribo
post 16.02.2011, 16:23:29
Post #4





Grupa: Zarejestrowani
Postów: 237
Pomógł: 17
Dołączył: 1.11.2007
Skąd: Zielona Góra

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

a nie możesz tego zrobić toggle ?


--------------------
Wyszukiwarka noclegów w Polsce i zagranicą.
Najlepszy katalog turystyczny wspomagający pozycjonowanie i promocje stron.
Go to the top of the page
+Quote Post
_Borys_
post 16.02.2011, 18:13:24
Post #5





Grupa: Zarejestrowani
Postów: 587
Pomógł: 190
Dołączył: 5.02.2011
Skąd: 64-800

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

Może to pomoże ?

http://websta.pl/tutoriale/jquery-wysuwany-boczny-panel-menu
Go to the top of the page
+Quote Post
-mkdes-
post 16.02.2011, 19:57:01
Post #6





Goście
Skąd wziąłeś kod skryptu? Bo jest identyczny jak na ogicom.pl. Oni źle wywołali funkcję animate i ty masz to identycznie.
Go to the top of the page
+Quote Post
« Następny starszy · XML, AJAX · 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: 30.04.2025 - 04:14
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn