login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Javascript update (Opgelost)

Offline valles10 - 03/07/2009 11:13
Avatar van valles10HTML interesse ik wil dat als ik aan mijn website werk er een percentage staat van hoever ik al zit (percentage pas ik zelf aan), maar hoe kan ik ervoor zorgen dat als ik het percentage aanpas, het ook automatisch aangepast wordt op mijn homepagina en dat zonder te moeten refreshen?

10 antwoorden

Gesponsorde links
Offline Martijn - 03/07/2009 11:21
Avatar van Martijn Crew PHP
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="procent">50</div>%


html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <input type="submit" onclick="document.getElementById('procent').innerHTML += 5" />


heel basic
Offline valles10 - 03/07/2009 11:30
Avatar van valles10 HTML interesse als ik dan op de submit button klik, gaan de andere bezoekers dat dan ook zien dat het (55) is?
Offline Martijn - 03/07/2009 11:57
Avatar van Martijn Crew PHP nope. Wat jij wilt is dan spontaan een stuk moeilijker. Voordat we gaan komen met AJAX, mssn moet je even de situatie omschrijven en hebben wij een beter idee 
Offline valles10 - 03/07/2009 12:04
Avatar van valles10 HTML interesse net zoals je bij flash hebt.
dom voorbeeld
www.mnm.be
laat hele dag de pagina staan, elke nieuw programma uur zal de header veranderen naar de presentator die aan het draaien is(maar dit is met flash)
met javascript/ajax kan dit ook..
of zoals een chat in javascript daar laad hij ook telkens de tekst uit een txt bestand zonder je moet refreshen van pagina.

ik wil gewoon gegevens uit txt halen. en weergeven op home.
als ik iets verander in txt moet dat op home ook aangepast zijn zonder dat de bezoeker moet herladen
Offline Martijn - 03/07/2009 12:21
Avatar van Martijn Crew PHP lol, daar hebben ze gewoon gemaakt dat tussen 12:00 en 14:00 banner1 word weergegeven, daarna banner2 etc. K betwijfel of de presentator dat echt doet.

als je perse wilt zoals dat, moet je een ding maken waarmee je je txt kan wegschrijven (in php) en dan laat je het uitlezen met php de 1e x dat de pagina laad, en dan met ajax roep je steeds het bestand aan wat dat txtje uitleest
Offline valles10 - 03/07/2009 15:29
Avatar van valles10 HTML interesse
DeviourSoul schreef:
lol, daar hebben ze gewoon gemaakt dat tussen 12:00 en 14:00 banner1 word weergegeven, daarna banner2 etc. K betwijfel of de presentator dat echt doet.

als je perse wilt zoals dat, moet je een ding maken waarmee je je txt kan wegschrijven (in php) en dan laat je het uitlezen met php de 1e x dat de pagina laad, en dan met ajax roep je steeds het bestand aan wat dat txtje uitleest


dat is wat ik wil!!! 
we zijn toch al iets verder 

maar hoe doe ik dit?
Offline Martijn - 04/07/2009 12:45 (laatste wijziging 04/07/2009 12:49)
Avatar van Martijn Crew PHP je doet in js, maar niet in een js bestand (dus in je head van je index.php)
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. var uur = <?=date("H")?>;
  3. var min = <?=date("m")?>;
  4. var sec = <?=date("S")?>;
  5.  
  6. function changer(){
  7.   if(uur>=0 && uur < 6){ var background="1" ;}
  8.   if(uur>=6 && uur < 12){ var background="2" ;}
  9.   if(uur>=12 && uur < 18){ var background="3" ;}
  10.   if(uur>=18 && uur < 24){ var background="4" ;}
  11. document.getElementById('banner').style.background="url('img/"+background+".jpg')";
  12.   }
  13.  
  14. function update(){
  15.   sec++;
  16.   if(sec==60){
  17.     sec=0;
  18.     min++;
  19.     }
  20.   if(min==60){
  21.     min=0;
  22.     uur++;
  23.     }
  24.   if(uur==24){
  25.     uur=0;
  26.     changer();
  27.     }
  28. }
  29. </script>


en dan in je body
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <body onload="check();update()">


ik ben niet van de js, dus er kunnen kleine dingetjes inzitten. Ik denk niet dat het erg moeilijkl te begrijpen is
edit: en de date() dingen kunnen verkeerd zijn, moet je ff checke
PHP.net: date
Offline Flex1986 - 04/07/2009 13:27
Avatar van Flex1986 Gouden medaille

Senior Member
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. var refreshId = setInterval(function() 
  2.    {
  3. 	 //Voer Javascript uit
  4.    }, 1000);

Dit herhaalt de functie elke seconde. De 1000 is de tijd in milliseconde

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. clearInterval(refreshId);

En dit stopt de interval. Kan je onder een knop zetten ofzoiets.
Offline valles10 - 05/07/2009 10:35
Avatar van valles10 HTML interesse
Flex1986 schreef:
[..code..]
Dit herhaalt de functie elke seconde. De 1000 is de tijd in milliseconde

[..code..]
En dit stopt de interval. Kan je onder een knop zetten ofzoiets.

jup dit werkt
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script>
  2. var refreshId = setInterval(function() 
  3.    {  
  4. 	alert('reaload');
  5.    }, 1000);
  6. </script>


maar hoe kan ik er nu voor zorgen dat hij een hele txt file uitleest?
Offline Flex1986 - 05/07/2009 10:50
Avatar van Flex1986 Gouden medaille

Senior Member		 DIt kan je doen door een Ajax request uit te voeren naar de server. Dit kan je zelf scripten Hier een Tutorial

Of je kan gebruiken van een framework zoals jQuery of Prototype
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.195s