Jeg hentede det lige fra SVN.
Her er javascriptet.
- /* Javascript document */
-
- $(document).ready(function () {
-
- var timerid = null;
- intervalCount = 0;
- timerid = setInterval(function ()
- {
- intervalCount++;
-
- $.ajax({
- type: "POST",
- url: this.href,
- data: "fetch=true",
- success: function(data) {
- taunt = data.split("~|~");
-
- window.setTimeout(function() {
- $('#tauntUserAvatar').children().attr("src", ("/"+taunt[0]))
- $('#tauntUsername').html(taunt[1])
- $('#tauntMessage').html(taunt[2])
- },500);
-
- }
- });
-
- // stop loading, if user is inactive
- if(intervalCount == 5)
- {
- clearInterval(timerid)
- }
- },15000);
-
- });
- /**
- * AJAX HANDLING, FOR TAUNT REFRESH
- */
-
- if($_POST['fetch'])
- {
- $newTaunt = fetchValidTaunt();
-
- $format = $newTaunt['picture'] . "~|~" . $newTaunt['name'] . "~|~" .$newTaunt['message'] . "~|~" .$newTaunt['url'];
-
- print $format;
- exit;
- }
-
- /**
- * AJAX HANDLING - END
- */
Min case er at jeg skal fetche data hver 15 sekund, jeg skal altså opdatere 3 divs her, både med content og image.
da jeg kun kan gå et svar fra mit server script, derfor seperere jeg med "~|~", på den måde kan jeg bruge split i javascript til at dele dem op i de værdier jeg skal bruge.
Det skal du jo self ikke tænke på da du bare skal have nyt content ind i din box.
Jeg håber ikke det er en for stor mundfuld, du skal være velkommen til at spørge ind.
Mvh
Indlæg senest redigeret d. 19.06.2011 21:04 af Bruger #14816