WN - jQuery uppdatering av div

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - jQuery uppdatering av div (https://www.wn.se/forum/showthread.php?t=31513)

elitasson

2008-08-30 10:18

Hejsan

Har lite problem med jQuery, då jag vill få den att uppdatera en div varje sekund.

Tanken är så här:

Jag har en sida som ska köras i diven varje sekund: server.php

<div id="server"></div>

Hur får jag innehållet att uppdateras varje sekund är frågan.

---

Så långt jag försökt, kanske hjälper er att förstå lite extra.

Kod:



<script type="text/javascript">



function update()

{



        $.post("server.php", {}, function(data){ $("#server").html(data);}); 

  setTimeout('update()', 1000);

}



$(document).ready(

 

function() 

  {

   update();

        }

);



</script> 



<div id="server"></div>

:unsure:

Clarence

2008-08-30 11:51

Ser inte direkt vad som är fel i din kod men följande ska fungera:

Kod:

function update(){ $("#server").load("server.php"); }

$(document).ready(function(){ setInterval("update()", 1000); });

elitasson

2008-08-30 12:19

Tack för sciptet det funkar. Gör kanske mitt också, men på något sätt så ligger det i konflikt med något annat på sidan som gör att det inte körs.

Får ta och felsöka det.

elitasson

2008-08-30 13:08

Av någon anledning så funkar jQuery-scriptet när jag tar bort följande jQuery-script:

Kod:



<script type="text/javascript">



// for dynamic easing changes *



 *function loadLamps(easing) {



 * * * * * *$(".MenyImage").lavaLamp({



 * * * * * * * *fx: "easeInOut"+easing,



 * * * * * * * *speed: 600,



 * * * * * * * *click: function() {return true;}



 * * * * * *}); * * * * * 



 *} *



// jquery initialize:



 * * * *$(function() {



 *        loadLamps('Back');



 *        $(".pixeMenyImage").text(easing); *



 * * * *});

</script>

Scripet är till menyen. Någon som tro sig veta vad som är felet?

elitasson

2008-08-30 13:10

oups, dubbel

elitasson

2008-09-04 21:49

Då har jag alltså följande kod på sidan som ligger och stör varandra:

Kod:

 function loadLamps(easing) {



      $(".MenyImage").lavaLamp({



        fx: "easeInOut"+easing,



        speed: 600,



        click: function() {return true;}



      });      



 } 



// jquery initialize:



    $(function() {



 loadLamps('Back');



 $(".pixeMenyImage").text(easing); 



    });

Och

Kod:

function update(){ $("#server").load("server.php"); }

$(document).ready(function(){ setInterval("update()", 1000); });

Man ska inte namnge funktionerna på något sätt för att särskilja dem? Eller hur ska jag göra för att dessa funktioner ska fungera på samma sida?

mr_lundis

2008-09-04 22:20

Jag skulle rekommendera dig att ta en titt på Comet.

Du kan men hjälp av Comet (och alla varianter där av) låta servern skicka data till klienten när någonting händer istället för att konstant begära uppdateringar från klientsidan.

Du kan ta en titt på denna (något röriga) Wikipedia artikeln:
http://en.wikipedia.org/wiki/Comet_(programming)

Jag rekommenderar även denna "artikel", det är en riktigt bra introduktion:
http://alex.dojotoolkit.org/2006/03/comet-...or-the-browser/

elitasson

2008-09-06 17:46

Citat:

Originally posted by mr_lundis@Sep 4 2008, 22:20
Jag skulle rekommendera dig att ta en titt på Comet.
Du kan men hjälp av Comet (och alla varianter där av) låta servern skicka data till klienten när någonting händer istället för att konstant begära uppdateringar från klientsidan.
Du kan ta en titt på denna (något röriga) Wikipedia artikeln:
http://en.wikipedia.org/wiki/Comet_(programming)
Jag rekommenderar även denna artikel, det är en riktigt bra introduktion:
http://alex.dojotoolkit.org/2006/03/comet-...or-the-browser/

Då jag använder mig av ett simpelt countdown-scritp på server.php så vill jag att diven ska uppdateras varje sekund.

Alla tider är GMT +2. Klockan är nu 09:39.