[JavaScript]Glupi problem z jquery ;) Opcje

[kapuch]

Witam.
Mam dziwny problem z drobnym skryptem jquery, mianowicie skrypt tak jakby sie zacina.
Chcialem osiagnac taki efekt, ze z boku strony mam zakladki, po najechaniu myszka maja sie wysuwac i chowac (jak "opuszczam" kursorem diva).
Wszystko niby OK, ale gdy szybko przejade myszka przez te zakladki, to niektore "zacinaja" sie, czyli otwieraja - > zamykaja -> otwieraja -> zamykaja.
Czasami kilka razy pod rzad, a najczesciej dwa razy - nie wiem co jest grane, bo nieraz nawet przy zwyklym najechaniu myszka zacina sie.
Niestety nie moge podac linku do strony, bo pracuje na localhoscie, ale ten skrypt wkleje.
Nie wiem jak sobie z tym poradzic.

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
	$("div.zakladka").mouseenter(function() {
	$(this).animate({"left": "0px"}, "1500", function() {/* tu by wypadalo cos wstawic (jakas blokade), ale nie mam pojecia jaka */ });
	}).mouseleave(function(){
    $(this).animate({"left": "-200px"}, "fast", function() {/* tu by wypadalo cos wstawic (jakas blokade), ale nie mam pojecia jaka */ });
  });
});
[JAVASCRIPT] pobierz, plaintext 

css:

[CSS] pobierz, plaintext 
.zakladka {
	position: absolute;
	left: -200px;
	width: 220px;
	height: 50px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 9999px;
}
.zakladka#zak1 {
	top: 100px;
	background:#000 url(zak1.jpg) no-repeat right;
}
.zakladka#zak2 {
	top: 155px;
	background:#000 url(zak2.jpg) no-repeat right;
}
.zakladka#zak3 {
	top: 210px;
	background:#000 url(zak3.jpg) no-repeat right;
}
[CSS] pobierz, plaintext 

no i html:

[HTML] pobierz, plaintext 
<div class="zakladka" id="zak1"><p>Pierwsza zakladka</p></div>
<div class="zakladka" id="zak2"><p>Druga zakladka</p></div>
<div class="zakladka" id="zak3"><p>Trzecia zakladka</p></div>
[HTML] pobierz, plaintext 

Czasami jak szybko przeskocze myszka z jednej zakladki na druga i spowrotem, to ta zakladka otwiera sie i zamyka w nieskonczonosc (IMG:style_emoticons/default/sad.gif)

EDIT:
No i drugi glupi problem, tym razem z PHP.
Jeszcze do niedawna to mi dzialalo:

[PHP] pobierz, plaintext 
header("Location: ".$_SERVER['HTTP_REFERER']);
[PHP] pobierz, plaintext 

a teraz juz nie dziala, ale za to dziala to:

[PHP] pobierz, plaintext 
header("Refresh: 0; url=".$_SERVER['HTTP_REFERER']);
[PHP] pobierz, plaintext 

Jakies cuda dzisiaj u mnie sie dzieja - nie moj dzien widocznie (IMG:style_emoticons/default/winksmiley.jpg)


Ten post edytował kapuch 6.06.2010, 17:02:11

[neuroine]

Wydaje mi się, że w miejsce :

[JAVASCRIPT] pobierz, plaintext 
$(this).animate({"left": "0px"}, "1500", function() { });
[JAVASCRIPT] pobierz, plaintext 

powinno być :

[JAVASCRIPT] pobierz, plaintext 
$(this).stop().animate({"left": "0px"}, "1500", function() { });
[JAVASCRIPT] pobierz, plaintext 

[kapuch]

Wydaje mi się, że w miejsce :

[JAVASCRIPT] pobierz, plaintext 
$(this).animate({"left": "0px"}, "1500", function() { });
[JAVASCRIPT] pobierz, plaintext 

powinno być :

[JAVASCRIPT] pobierz, plaintext 
$(this).stop().animate({"left": "0px"}, "1500", function() { });
[JAVASCRIPT] pobierz, plaintext 

Hehe chyba dalo rade, potestuje jeszcze przez jakis czas, ale juz widac efekty - dobrze Ci sie wydawalo (IMG:style_emoticons/default/smile.gif)
Wstawilem to przy onmouseenter i przy onmouseleave. Teraz mam tak i smiga!:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
	$("div.zakladka").mouseenter(function() {
	$(this).stop().animate({"left": "0px"}, "1500", function() {});
	}).mouseleave(function(){
    $(this).stop().animate({"left": "-200px"}, "fast", function() {});
  });
});
[JAVASCRIPT] pobierz, plaintext 

Dzieki za pomoc!

PS.
A co do drugiego pytania - tzn. header() ?

Ten post edytował kapuch 6.06.2010, 21:32:17