Animation Js avec récupération dans la bdd

Version imprimable

14/12/2012, 17h03
airsoft28

Animation Js avec récupération dans la bdd

Bonjour à tous
Je souhaiterais faire ce type d'animation http://www.denis-leo.com/
Enfaite ce que je fais, c'est que je récupère des données dans ma base de donnée toute les 15 secondes (car ttes les 15 secondes il est suseptible d'y avoir de nouvelle donnée rentré dans la bdd).
Ensuite je voudrais que les données que je récupère je l'ai fasse tomber comme dans l'animation plus haut dans une bouteille ou div.
Savez vous comment cela est possible? que ça ce gère automatiquement dès qu'il reçoit de nouvelles données ça tombe tout seul.
Merci à vous
14/12/2012, 17h12
SpaceFrog

un ajax avec jquery dans un setInterval et une animation dans le callback,

par contre là l'animation est faite c'est fait en html5 css3 je pense, mais tu peux tout a fait le faire sur le callback de ton ajax avec les données recupérées .

enfaite je récupère deja tte les 15secondes mes données qui sont dans ma base de donnée après j'ai récupéré le script que j'ai donné plus haut, la base ou le contenu est mis est comme ceci :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <!doctype html> <html lang="fr"> <?php define("TITRE", "Titre de la page"); require ("module/head.php"); ?> <body> <section id="bottle"> <img src="img/coca-cola-bottle-mask.png" alt="bottle mask"/> </section> <div id="tweet" style="display:none;">tweet</div> <?php require ("module/script.php"); ?> </body> </html>
c'est ce qui est mit entre l'id tweet qui va s'afficher. Mais moi si je récupère mes données dans cette div, je fais ma boucle while et je récupère tt d'un coup, du coup j'insère tte les données d'un coup alors que je voudrais l'ai ajouter une par une... c'est la que je bloque

14/12/2012, 17h23
SpaceFrog

ben splitte les données ?
ou recupères les dans un json et boulce sur le json avec un setInterval ou setTimeout
14/12/2012, 17h25
airsoft28

arf, je ne comprends pas trop ce que tu veux dire, tu peux rentrer un peu plus dans les détails stp, je suis pas trop calé en javascript c'est pour ça que je me tourne vers vous :/