Forum PHP.pl > [jQuery] wysuwany div

Pomoc - Szukaj - Użytkownicy - Kalendarz

suxone

9.02.2011, 21:10:28

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 
<html>
<head>
<link rel="Stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="jquery142.js" />
<script type="text/javascript">
 
$(document).ready(function() {
                     $("#wysuwany_div").mouseover(function() {
                                                 $("#wysuwany_div").stop();
                                                 $("#wysuwany_div").animate({
                                                                 right: "0", //po najechaniu myszką na obiekt, jego prawy margines ma zmienić się na 0px
                                                                 },350 //margines zmieni się w czasie 350 milisekund
                                                                 );
                                                 })
                     $("#wysuwany_div").mouseout(   
                                          function() {
                                                   $("#wysuwany_div").stop();
                                                   $("#wysuwany_div").animate({
                                                                  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.
                                                                  }, 350 //dzieje się to również w czasie 350 milisekund
                                                                  );
                                                                  });
                     });
</script>
</head>
 
<body>
<div id="wysuwany_div">
dupa
</div>
 
</body>
</html>
[HTML] pobierz, plaintext

sazian

11.02.2011, 15:49:50

no jak to mówią dokładny opis problemu to pierwszy krok do sukcesu

a tak na poważnie to co nie działa

zainstaluj firebuga i sprawdź błędy w konsoli http://getfirebug.com/

suxone

11.02.2011, 20:16:33

nie wysuwa się ten div

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 
#wysuwany_div { width: 394px; height: 182px; background: #272727; 
				position: fixed; top: 200px; right: -380px; z-index: 2; margin: 3px 3px;
				color: gold; border-style: groove; border-color: gold;}
[HTML] pobierz, plaintext

Gribo

16.02.2011, 16:23:29

a nie możesz tego zrobić toggle ?

_Borys_

16.02.2011, 18:13:24

Może to pomoże ?

http://websta.pl/tutoriale/jquery-wysuwany-boczny-panel-menu

mkdes

16.02.2011, 19:57:01

Skąd wziąłeś kod skryptu? Bo jest identyczny jak na ogicom.pl. Oni źle wywołali funkcję animate i ty masz to identycznie.

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.