login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Refresh deel van de pagina (Opgelost)

Offline Emonk - 31/12/2010 10:25
Avatar van EmonkLid Hallo allemaal,

Ik heb geen idee wat voor taal het eigenlijk is   maar hoop dat het gaat werken  ...
Het gaat om de volgende code:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <?php
  2. 	$date = date("d/m/Y H:i");
  3. 	$iwantthisdate = "31/12/2010 10:23";					// hier jouw datum!!!
  4. 															// in dit formaat: dd/mm/yyyy hh:mm, 
  5. 															//dus bv: 05/01/2011 09:15, 
  6. 															//voor kwart over negen, vijf januari 2011
  7. 	echo '<pre>Wachten tot '.$iwantthisdate.'<br>';
  8. 	echo '<div id="refresh">Het is nu   '.date("d/m/Y H:i:s").'<br><br>';
  9. 	if ($date!=$iwantthisdate) {
  10. 		?><script>var xmlhttp=false;
  11. 		xmlhttp = new XMLHttpRequest();
  12. 		document.getElementById('refresh').innerHTML = xmlhttp.responseText;</script><?php
  13. 	} else {
  14. 		echo 'Het is '.$iwantthisdate.'!!!';					// hier de te uitvoeren code op de gekozen datum/tijd
  15. 	}
  16. 	echo '</div>';
  17. ?>


Het doel is dat door het <script></script> de div "refresh" wordt herladen totdat de gewenste tijd gelijk is aan de werkelijke tijd, waarna er een echo plaatsvindt.
Het <script>-gedeelte heb ik rechtsstreeks uit een chatbox gehaald, die chatbox werkte:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  3. 	<title>Chatbox</title>
  4. </head>
  7. var xmlhttp=false;
  8. /*@cc_on @*/
  9. /*@if (@_jscript_version >= 5)
  10. // JScript gives us Conditional compilation, we can cope with old IE versions.
  11. // and security blocked creation of the objects.
  12.  try {
  13.   xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
  14.  } catch (e) {
  15.   try {
  16.    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  17.   } catch (E) {
  18.    xmlhttp = false;
  19.   }
  20.  }
  21. @end @*/
  22. if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
  23.   xmlhttp = new XMLHttpRequest();
  24. }
  25. var timer = 6000; //iedere 5 seconden refreshen
  26.  
  27. function say(value)
  28. {
  29.     name = document.getElementById('name').value;
  30.     xmlhttp.open("GET", "chat.php?text="+value+"&name="+name+"&random="+Math.round(9000*Math.random()),true);//method, target, async (set always true!)
  31.  
  32.     xmlhttp.onreadystatechange=function() {
  33.         if (xmlhttp.readyState==4) {
  34.             document.getElementById('chatwindow').innerHTML = xmlhttp.responseText;
  35.         }
  36.     }
  37.  
  38.     xmlhttp.send(null);
  39.     timer = 6000;
  40.     counter();
  41. }
  42.  
  43. function update()
  44. {
  45.     xmlhttp.open("GET", "chat.php?random="+Math.round(9000*Math.random()),true);//method, target, async (set always true!)
  46.  
  47.     xmlhttp.onreadystatechange=function() {
  48.         if (xmlhttp.readyState==4) {
  49.             document.getElementById('chatwindow').innerHTML = xmlhttp.responseText;
  50.         }
  51.     }
  52.  
  53.     xmlhttp.send(null);
  54.     timer = 6000;
  55.     counter();
  56. }
  57.  
  58. function counter()
  59. {
  60.     if(timer == 0)
  61.     {
  62.         update();
  63.     }
  64.     else
  65.     {
  66.         timer = timer - 6000;
  67.         setTimeout("counter()", 1000);
  68.     }
  69. }
  70.  
  71. function check_enter(eventobjekt) 
  72. {
  73.    //Bedankt Cees!
  74.    var var_key;
  75.    if (navigator.appName == "Microsoft Internet Explorer") {
  76.       var_key = window.event.keyCode;
  77.    } else {
  78.       var_key = eventobjekt.which;
  79.    }
  80.    if (var_key==13) {//{alert(var_key);
  81.       say(value);
  82.       document.getElementById('chattext').value = "";
  83.    }
  84. }
  85.  
  86. function hasvalue(value)
  87. {
  88.     if(value != "")
  89.     {
  90.         document.getElementById('submitbutton').disabled = false;
  91.     }
  92.     else
  93.     {
  94.         document.getElementById('submitbutton').disabled = true;
  95.     }
  96. }
  98. <input type="text" id="name" name="name" style="width: 600px;" maxlength="256" value="Annoniem"/>
  99. <div id="chatwindow" style="display:block; width: 600px; height: 400px; overflow: scroll;">
  100.     Welcome to the chat. Please type a message.
  101. </div><br/>
  102. <input type="text" id="chattext" name="chattext" onKeyPress="check_enter(event);hasvalue(this.value);" onChange="hasvalue(this.value);" maxlength="256" style="width: 450px; "/>
  103. <input type="submit" id="submitbutton" onMouseDown="javascript: say(document.getElementById('chattext').value);document.getElementById('chattext').value = '';" value="Say!" style="width:150px; " disabled />
  105.     update()
  106. </script> 
  107. </body>
  108. </html>


Ik ken alleen geen XML en kon nergens vinden hoe het werkte...  
Want mijn eigen code werkt niet! Wat het wel doet is: het laat de eerste echo zien, waar staat "Wachten tot"

3 antwoorden

Gesponsorde links
Offline Martijn - 31/12/2010 10:34
Avatar van Martijn Crew PHP kun je niet beter in php rekenen hoeveel secondes dat nog is, en dan na zoveel secondes een refresh doen? Een javascript coutndown scriptje is ook een stuk simpeler 
Offline Hend - 31/12/2010 10:34
Avatar van Hend Lid De eerste taal is php en de tweede javascript.
Offline Emonk - 31/12/2010 10:37
Avatar van Emonk Lid Hm... oke...
Met PHP kun je denk ik niet maken dat hij ook zichtbaar aftelt?
Maar met JS wel... daar ben ik niet zo goed in maar ga het even proberen. Later meer!
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.188s