Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][MySQL][PHP]Dane wysyłane przy odświeżaniu strony i odbierane w tym samym czasie.
Forum PHP.pl > Forum > Przedszkole
kamilos809
10.05.2013, 19:25:30
Hejka!
W sumie nie wiem jak nazwać ten problem. Chciałbym stworzyć coś takiego, że jeśli system odliczy 30 sekund(połączone z licznikiem w czasie rzeczywistym) wykona jakieś zapytanie do mysql i za jednym odświeżeniem pokaże odświeżone dane...
Jak zawsze poszukałem chwilę w googlach i znalazło coś takiego odnośnie licznika:
[PHP] pobierz, plaintext 
  1. <script type="text/javascript" language="JavaScript">                 
  2. <!--                                                                  
  3. // Niniejszy skrypt pochodzi z serwisu "JavaScript w przykladach"     
  4. // Copyright (C) 1999 Maciej Szczepaniak <maciek@wls1.ch.pwr.wroc.pl> 
  5.  
  6. // Skrypt objety jest licencja GNU General Public License.            
  7. // Koniecznie przeczytaj pelna informacje o licencji pod adresem:     
  8. //     <a href="http://javascript.jest.o.k.pl/archiwum.html#l" target="_blank">http://javascript.jest.o.k.pl/archiwum.html#l</a>                  
  9.  
  10.  
  11. // String do wyświetlenia                                             
  12. var OutStr = "";                                                                                                                                                                                            
  13.  
  14. // Jedno 'tyknięcie' zegara.                                          
  15. function tick() {                                                     
  16.    CurrDate = new Date();                                             
  17.    if ( CurrDate.getTime() < BigDate.getTime() )                      
  18.       {                                                               
  19.          if ( CountSecOnly ) tickSec(); else tickNorm();              
  20.          TimerID = setTimeout("tick()", 975);                         
  21.       }                                                               
  22.    else OutStr = "Koniec świata już nastąpił";                        
  23.    document.forms[0].cntdwn_fld.value = OutStr;                       
  24. }                                                                     
  25.  
  26. // Wyświetlenie czasu przy widoku "tylko sekundy".                    
  27. function tickSec() {                                                  
  28.    var SecondsLeft=                                                   
  29.       Math.round((BigDate.getTime()-CurrDate.getTime())/1000);        
  30.    // Dodajemy zera na początku jeśli jest mniej niż 8 cyfr:          
  31.    SecondsLeft = "" + SecondsLeft;      // liczba na string           
  32.    SLL = SecondsLeft.length;                                          
  33.    for (var i=8; i>SLL; i--)                                          
  34.    {                                                                  
  35.       SecondsLeft = "0" + SecondsLeft;                                
  36.    };                                                                 
  37.    OutStr = "Do końca świata zostało " + SecondsLeft + " sekund.";    
  38. }                                                                                                                                                                                                                                                         
  39.  
  40. function setMode() {                                                  
  41.    CountSecOnly = (document.forms[0].jaki_lst.selectedIndex == 0);    
  42.    if (document.forms[0].data_lst.selectedIndex == 0) {               
  43.       BigDate = new Date(2013,6,6,1,1,1);                             
  44.       RokPrzed = 2013;                                                
  45.    } else {                                                           
  46.       BigDate = new Date(2013,8,1,0,0,0);                             
  47.       RokPrzed = 2012;                                                
  48.    }                                                                  
  49. }                                                                     
  50.  
  51. // -->                                                                
  52. </script>   
  53. <body onLoad="setMode(); tick()">      
  54. <form action="">                                                      
  55. <input name="cntdwn_fld" type=text size=65><BR>                       
  56. Koniec świata nastąpi:                                                
  57. <SELECT NAME="data_lst" onchange="setMode()">                         
  58.   <option value="y2k" selected>20</option>                      
  59.   <option value="c20">8.05.2013</option>                               
  60. </SELECT><BR>                                                         
  61. Czas pokazuj                                                          
  62. <SELECT NAME="jaki_lst" onchange="setMode()">                         
  63.   <option value="sec" selected>w sekundach</option>                   
  64.   <option value="full">w długiej formie</option>                      
  65. </SELECT>                                                             
  66. </form>  
[PHP] pobierz, plaintext


Ale niestety nie umiem tego edytować żeby nie musiało być wysyłanego postem czasu...

Mam nadzieję, że ktoś wesprze dobrym słowem i naprowadzeniem na temat tego wink.gif
CuteOne
10.05.2013, 19:55:03
Hmmm, może odliczanie czasu + ajax?
kamilos809
10.05.2013, 20:02:41
może być ajaxem ;]
Tylko wiesz... Ty do mnie ajax, a ja widzę to jak wielką mapę kraju, na której mam poszukać niewielkiej wioski...
CuteOne
10.05.2013, 20:05:33
google -> jquery ajax
kamilos809
10.05.2013, 20:08:26
JQuery... kojarzę, ale nijak nie umiem tego użyć ;/
CuteOne
10.05.2013, 20:21:35
Weekend przed Tobą, powodzenia wink.gif
kamilos809
10.05.2013, 20:25:19
Naprawdę wsparcie na maxa tongue.gif
może jakieś nakierowanie na jakie funkcje zwracać uwagę czy coś?
PrinceOfPersia
10.05.2013, 20:38:31
Cytat
Jak zawsze poszukałem chwilę w googlach i znalazło coś takiego odnośnie licznika:
(...)
// Niniejszy skrypt pochodzi z serwisu "JavaScript w przykladach"
// Copyright ? 1999 Maciej Szczepaniak <maciek@wls1.ch.pwr.wroc.pl>

podpowiedź pierwsza. Jak chcesz coś znaleźć to nie szukaj po polsku. Tłumaczysz na angielski i walisz:
http://www.google.pl/search?q=jquery+ajax+...script+download
pełno gotowców i tipsów.

podpowiedź druga. Jeśli zajmujesz się programowaniem regularnie, choćby hobbystycznie (nie mówiąc już zawodowo), powinieneś ogarniać jak najwięcej tematów, choćby pobieżnie. Więc też polecam wygooglanie:
javascript setTimeout, setInterval
javascript keyword var
jquery $.get
Date object javascript
no i przerobić jakieś tutoriale do jquery itp.
kamilos809
10.05.2013, 20:47:21
Ogarniam kilka zagadnień tongue.gif
Ja ogólnie siedzę w PHP stale i wszystko bazowane na odświeżaniu strony, etc ;P
chociaż stwierdzam, że nad tym całym jQuery przesiedzę bo ciekawy temat jak widzę możliwości tego biggrin.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.