29.11.2012 o 23:09
[HTML][JS] Okresowe odświeżanie zawartości DIV'a
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>
<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
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>
<p>Brak obsługi JavaScript lub strona którą chcesz wyświetlić nie istnieje</p>
</div>
14.12.2017 o 9:20
30.08.2012 o 23:08
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
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
