[AJAX] Opóźnianie przechodzenia do nowej strony Opcje

[dresik]

Witam,
muszę coś takiego zrobić aby po kliknięciu na link w menu przejście do nowej strony odbyło się po określonym czasie np 1s.

Męczę się z tym od kilku dni ale nic nie mogę wymyśleć, proszę o jakieś wskazówki, porady itp.

Pozdrawiam

Ten post edytował dresik 30.03.2010, 12:40:28

[trucksweb]

uzyj funkcji setTimeout()

http://w3schools.com/js/js_timing.asp

tak samo w jquery jak i js

[dresik]

testuje różne funkcje z tym setTimeout ale niestety nic mi nie wychodzi, mam coś takiego:

[HTML] pobierz, plaintext 
<script type="text/javascript">
	function timedRedirect(redirectTo, timeoutPeriod) {
	setTimeout("location.href = redirectTo;",timeoutPeriod);	
	}
</script>
 
<a href="" onclick="timedRedirect('test.php',500)">test</a>
[HTML] pobierz, plaintext 

na tym skrypcie stanąłem ponieważ wydaje mi się najlepszy, a mimo to nie działa. W czym jest błąd?

[trucksweb]

setTimeout przyjmuje jako pierwszy parametr nazwe funkcji do wykonania:


na kliknieciu wywolujesz funkcje z setTimeout a w setTimeout kolejna z przekierowaniem.

[dresik]

zrobiłem tak

[HTML] pobierz, plaintext 
<script type="text/javascript">
	function timedRedirect(redirectTo) {
		location.href = redirectTo;
	}
</script>
 
 
<a onclick="setTimeout(timedRedirect('test.php'),6000)">test</a>
[HTML] pobierz, plaintext 

i dalej to nie działa, od razu nowa strona się otwiera

wywaliłem jeszcze href="" - ponieważ z tym nie chciało w ogóle działać

[mortus]

Pierwszy kod, po małej edycji

[HTML] pobierz, plaintext 
<script type="text/javascript">
    function timedRedirect(redirectTo, timeoutPeriod){
        setTimeout("location.href = '"+redirectTo+"';", timeoutPeriod);
    }
</script>
 
<a href="" onclick="timedRedirect('test.php', 3000); return false;">TEST</a>
[HTML] pobierz, plaintext 

EDIT:
Drugi też się da dostosować, wystarczy dopisać return false; podobnie jak tutaj.

Ten post edytował mortus 30.03.2010, 20:58:05

[dresik]

Dzięki, wszystko ładnie działa (IMG:style_emoticons/default/smile.gif)