Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][Java][JavaScript]Zatrzymywanie od¶wieżania chatu
Forum PHP.pl > Forum > Przedszkole
zyznos321
Mam tak± funkcję odpowiedzialn± za od¶wieżanie chatu na mojej stronie:

  1. <script type="text/javascript">
  2. jQuery.noConflict();
  3. jQuery(document).ready(
  4. function () {
  5. jQuery("#chatArea").load("', $www ,'/chatmessages.php?user=', $userActive ,'");
  6. }
  7. );
  8. var auto_refresh = setInterval(
  9. function()
  10. {
  11. jQuery("#chatArea").load("', $www ,'/chatmessages.php?user=', $userActive ,'");
  12. }, 10000);
  13.  
  14. </script>
  15. ';
  16.  


Chciałbym dodać button, po kliknięciu którego chat przestaje się od¶wieżać. Jak można to zrobić?
Z gory dzięki za pomoc wink.gif
markonix
[Java][JavaScript] co tu masz z Javy?

WeĽ ten cały load w funkcję bo wykonywać go będziesz 3 razy:
- po załadowaniu dokumentu
- automatycznie
- no i teraz chcesz dodać po kliknięciu.

http://api.jquery.com/click/
kkuba
[JAVASCRIPT] pobierz, plaintext
  1. <script type="text/javascript">
  2.  
  3. jQuery.noConflict();
  4.  
  5. jQuery(document).ready(function() {
  6.  
  7. // pierwsze wczytanie czatu, zaraz po załadowaniu strony
  8. getData();
  9.  
  10.  
  11. // kliknięcie buttonu o id stopRefresh spowoduje...
  12. $("button#stopRefresh").click(function() {
  13.  
  14. // ...zabicie timera
  15. clearInterval(auto_refresh);
  16.  
  17. // a to na wszelki wypadek, je¶li button znajduje się w jakim¶ formularzu
  18. // tj. w skrócie - nie wysyłamy formularza
  19. return false;
  20. });
  21.  
  22. });
  23.  
  24. // ustawienie od¶wieżania czatu
  25. var auto_refresh = setInterval("getData()", 10000);
  26.  
  27. // a tutaj funkcja do od¶wieżania
  28. function getData()
  29. {
  30. $("#chatArea").load("', $www ,'/chatmessages.php?user=', $userActive ,'");
  31. }
  32.  
  33. </script>
[JAVASCRIPT] pobierz, plaintext


a do tego html

  1. <button id="stopRefresh">Zatrzymaj od¶wieżanie czatu</button>


?
zyznos321
Dzieki WIELKIE wink.gif

To jest wersja lo-fi głównej zawarto¶ci. Aby zobaczyć pełn± wersję z większ± zawarto¶ci±, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.