29.11.2012 o 23:09

[HTML][JS] Okresowe odświeżanie zawartości DIV'a

Siemka
Zaprezentuje wam skrypt, który pewnie znają niektórzy, ale są też tacy którzy tego skryptu nie znają.
Skrypt ten służy do okresowego odświeżania DIV'a w którym jest wczytywana dana strona.
Na przykład gdy chcemy stworzyć chat w którym ma wyświetlać nowo dodane wpisy, to właśnie taki skrypt się przyda.
Do poprawnego działania tego skryptu potrzebny jest plik prototype.js, który znajduje się w paczce odswiezanie_diva.zip.

Aby dodać skrypt JS do naszej strony przed </head> dodajemy następujący kod:
<script src="prototype.js"></script>
<script>
new Ajax.PeriodicalUpdater('test', 'test.html',
{
method: 'get',
frequency: 1,
decay: 2
});
</script>

A teraz objaśnienie nazwa test, to nazwa DIV'a w którym to będzie wyświetlana treść, a test.html, to plik z którego będzie wyświetlana treść. W frequency ustawiamy co ile sekund ma odświeżać nam DIV'a, a decay służy do sprawdzania czy coś się zmieniło, jeśli nie wydłuża czas np. o 2 razy frequency, jeśli ponownie nic się nie zmieni, to o 4 razy, potem o 6 itd. (edit) zwiększa wartość frequency razy tyle ile wpiszemy w parametrze decay. Domyślnie jest 1, czyli nie wzrasta. Jeśli ustawimy np. 2, to będzie wzrastać kolejno 2, 4, 8 itd.

W miejscu gdzie chcemy wyświetlić treść z test.html w DIV'ie o nazwie test wpisujemy:
<div id="test">
<p>Brak obsługi JavaScript lub strona którą chcesz wyœświetlić nie istnieje</p>
</div>

Komentarze
pehap (15.12.2013 o 21:32)
Nie działa mi to rozwiązanie lecz kiedyś działało... po pobraniu zipa wypakowuję uruchamiam index.html i nic (czysta strona) a wszystko jak należy i już pobierałem najnowszą wersje jquery też nic nie pomogło...
DraG (16.12.2013 o 0:23)
Skoro działało, to coś nie tak z kodem albo coś źle wpisałeś. Napisz mi na maila, postaram się pomóc.
Pagodzik (28.12.2013 o 15:46)
U mnie działa bez zarzutu. Dziękuję - właśnie czegoś w tym stylu szukałem.

Ale chyba prototype.js poza tą funkcją ma jeszcze jakieś inne?

PS. Dzięki za egzamin z matematyki... A potem za sprawdzenie czujności hehe.
DraG (29.12.2013 o 2:36)
Pewnie, że ma inne funkcje :)
kda (27.01.2014 o 22:36)
Właśnie czegoś takiego szukałem, dzięki za ten skrypt
© 2010 - 2018 - Karol Drąg
Wszelkie prawa zastrzeżone
Polityka plików cookies