Skocz do zawartości

Przekierowanie po kliknięciu w link po X sekundach


Recommended Posts

Witam,

 

Czy mógłby ktoś podać kod na przekierowanie po kliknięciu w link (<a href="#">Kliknij!</a>) zostaje włączone odliczanie np. 3 sekundy i po tych 3 sekundach zostaje przeniesiony na inną strone.

Odliczanie miałoby wyglądać np. pod napisem "Kliknij!" wyświetlony zostałby napis "Sprawdzam...".

 

Z góry, dzięki!

Link to post
Share on other sites

Napisałbym Ci ten skrypt, ale...nie chce mi się:P Więcej się nauczysz, jeśli sam napiszesz:) Oczywiście nakieruję Cię, użyj javascriptowe setTimeout:

http://www.drzewo-wiedzy.pl/?page=artykul&id=47&Javascript_wykonanie_zdarzenie_po_pewnym_czasie._Przekierowanie_na_inna_stron%C4%99_z_op%C3%B3%C5%BAnieniem,_czyli_metoda_setTimeout%28%29

 

Poza tym polecam nauczyć się jquery - bardzo prosta biblioteka do takich rzeczy.

Link to post
Share on other sites

Mam coś takiego:

 

<html>

<head>

 

<script type="text/javascript">

function odliczanie() {

setTimeout("parent.location.href='http://www.wp.pl';",2000);

}

</script>

 

</head>

 

<body>

 

 

</body>

</html>

 

 

 

ale to działa jak klikniemy w byle jakim miekscu a i jak zrobić aby wyświetlił sie napis "Odliczam.." i fajnie byłoby aby te 3 kropki tak wchodziły jedna po 2 chyba wiesz o co chodzi :)

Edytowane przez winekpl
Link to post
Share on other sites

Długo nie siedziałem w JS, ale z tego co pamiętam możesz to zrobić np. tak:


<html>
<head>
<script type="text/javascript">
function odliczanie() {
setTimeout("parent.location.href='http://www.wp.pl';",2000);
}
</script>
</head>
<body>
<a onclick="odliczanie();" style="cursor: pointer;">Tutaj kliknij</a>
</body>
</html>

A żeby pojawiały się kropki, to musisz napisać funkcję, która w odpowiednim miejscu będzie dodawać kropki. Wiem, że wykorzystywałem do tego funkcję "innerHTML". Przesiadłem się na C++ i trochę pozapominałem, a więc w tym raczej nie pomogę :D

Edytowane przez jpowie01
Link to post
Share on other sites

Dwie koncepcje na szybko:

Kod HTML

<span id="something"></span>
Kod JS

document.getElementById('something').innerHTML = 'Sprawdzam...';
Albo używając jQuery (polecam, bardzo ułatwia życie):

$('#something').html('Sprawdzam...');
Druga koncepcja (bardziej elegancka):

 

<span id="something" style="display: none">Sprawdzam...</span>
Kod JS

document.getElementById('something').style.display = 'inline';
Wersja jQuery:

$('#something').show();
Link to post
Share on other sites

Dołącz do dyskusji

Możesz dodać zawartość już teraz a zarejestrować się później. Jeśli posiadasz już konto, zaloguj się aby dodać zawartość za jego pomocą.

Gość
Odpowiedz w tym wątku...

×   Wklejono zawartość z formatowaniem.   Usuń formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.

  • Ostatnio przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników przeglądających tę stronę.

×
×
  • Dodaj nową pozycję...