11548 sujets

JavaScript, DOM et API Web HTML5

Rafraichissement de plusieurs DIV en AJAX

Bonjour à tous,

Je suis actuellement en train de créer un lecteur pour ma Web Radio, et je me trouve de devant un problème que je n'arrive malheureusement pas à résoudre...

Tout d'abord, je dois préciser que je n'ai aucune connaissance en JavaScript, et que mes connaissances en PHP sont très minces.


Voici une image du fameux player (au passage, si vous pouviez me donner un avis sur le design... Smiley biggrin ) :

http://lesincompris.org/upload/screen.png

J'ai préciser en rouge les différents DIV que je dois rafraichir. Tous ne doivent pas être rafraichissement en même temps :

- DIV TITRE, DIV AUDITEURS, DIV VOTES, et DIV POCHETTE Doivent êtres mis à jours en même temps, toutes les 10 secondes.
- DIV WEBCAM doit être rafraichit toutes les 5 secondes.


J'ai donc mis en place un script trouvé sur le net, sensé rafraichir un DIV toute les x secondes :


function Ajax(){
var xmlHttp;
	try{	
		xmlHttp=new XMLHttpRequest();// Firefox, Opera 8.0+, Safari
	}
	catch (e){
		try{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
		}
		catch (e){
		    try{
				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e){
				alert("No AJAX!?");
				return false;
			}
		}
	}
	
	
xmlHttp.onreadystatechange=function(){
	if(xmlHttp.readyState==4){
		document.getElementById('apDiv5').innerHTML=xmlHttp.responseText;
		setTimeout('Ajax()',10000);
	}
}
xmlHttp.open("GET","http://3w.lesincompris.org/ressources/aff_titre.php",true);
xmlHttp.send(null);
}

window.onload=function(){
	setTimeout('Ajax()',10000);
}




Ce script fonctionne très bien pour un DIV... Mais pas plusieurs. Rien à faire, ça ne fonctionne pas sur plus d'un DIV... J'ai bien essayé de bidouiller ça de toutes les manières, mais rien à faire, ce script est en train de me rendre fous.

En farfouinant sur le net, j'ai lu que pour accomplir cette tache, il fallait un code beaucoup plus complexe.


Enfin bref, je ne sais plus quoi faire. Si l'un de vous à un script dans un coin de son disque dur permettant d'accomplir cette action, ce serait formidable qu'il le partage.


Et bien, un long post pour un premier message sur ce forum!



Bonne soirée à tous, et merci d'avance Smiley biggrin .





Nicolas C.
Modifié par Miou (13 Sep 2009 - 15:14)
Bon, bein je me répond à moi même :

Problème réglé grâce à la (formidable) bibliothèque Prototype et sa fonction Ajax.PeriodicalUpdater.

Pour ceux que ça intéresse, voilà à quoi ça ressemble :


<script type="text/javascript" src="Scripts/prototype.js"></script>
<script type="text/javascript">
new Ajax.PeriodicalUpdater('cam', 'cam.html', {frequency:20});
new Ajax.PeriodicalUpdater('infos', 'get_infos.php', {frequency:10});
new Ajax.PeriodicalUpdater('cover', 'cover.html', {frequency:15});
</script>


Entre <head> et </head> et youpi, tout roule.


Merci à vous Smiley smile


Nicolas C.
Sujet clos
Aller à