Ajax chat [JQuery/JS]

Gestart doorShahiem4 reacties50 weergaven

5 berichten · pagina 1 van 1

Shahiem

Lid · Topicstarter

Berichten
20.364
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hi,

Ik bouw aan een chat maar nu wil ik dat als er een nieuw bericht komt dat er een Fade komt (Dus een DIV refresh). Maar dan wil ik dat hij niet meer opnieuw Fade als het oude berichten zijn.

Hoe kan ik dat het beste doen?

Alvast bedankt!
0
Berichten
3.112
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Denk meegeven met een div en dan die opvragen?

<div id="div[COLOR= #0000BB]<?[/COLOR]PHP [URL="http://www.php.net/echo"]echo[/URL][COLOR= #0000BB]$id[/COLOR][COLOR= #007700];[/COLOR]?>"></div>


en dan met Jquery
$("div#1").


toevoeging op 11 februari 2012, 211807:
Of wacht, je wilt dat er niks gebeurd als er geen nieuw bericht is?
0
Shahiem

Lid · Topicstarter

Berichten
20.364
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Nop, denk niet dat dat gaat werken.
0
Berichten
2.692
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Als je in Javascript een div aanmaakt als je de berichten ophaald, dus met createElement kan je die variable ook aan jQuery geven, dus:

var d = document.createElement(div);
jQuery(d).fadeIn();
0
Rik

Lid

Berichten
18.393
Reputatie
0
Punten
0,04
Lid sinds
Laatst gezien
Je maakt een request om de tijd van het laatste bericht op te halen, vervolgens zet je currenttime naar die tijd.

Je blijft dan om de zoveel seconden de tijd ophalen, totdat deze verschilt met de currenttime. In dit geval laat je een functie uitvoeren die de nieuwe berichten infade:

Zoiets zegmaar:

$.post({
// post zooi

succes: function({
            if(currenttime != data-returnedtime)
            {
                
                // haal nieuwew berichten op &  fadeIn();


                currenttime = data-returnedtime;
            }
            else
            {
                setTimeout();
            }
        });
});
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren