Auto-refresh multi DIV's

Version imprimable

Salut,
bonsoir,
J'ai un script en Ajax+XML pour auto-actualiser mes divs, cela fonctionne quand je l'applique à un seul DIV; ex. si je l'applique à deux div, le premier cesse de fonctionner et uniquement le second qui fonctionne.
Voici mon code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
<script type="text/javascript">
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('ReloadThis').innerHTML=xmlHttp.responseText;
        setTimeout('Ajax()',990);
    }
}
xmlHttp.open("GET","Seu_arquivo_aqui",true);
xmlHttp.send(null);
}
 
window.onload=function(){
    setTimeout('Ajax()',990);
}
</script>
 
<div id="ReloadThis"></div>

EureKA

SOLUTION:
J'ai utilisé jQuery-lateste

Code:

1
2
3
4
5
6
7
8
9
10
 
        <script>
	 	$(document).ready(function() {
	 	 	//$("#responsecontainer").load("demandeAtraiter.php");
		   	var refreshId = setInterval(function() {
		      $("#ReloadThis_sended").load("view/bargain/In_mail_chat/sended.php");
		   }, 1000);
		   $.ajaxSetup({ cache: false });
		});
	</script>

23/07/2015, 11h38
le_chomeur

ton problème viens plutôt du fait qu'un id doit être unique :

Code:

document.getElementById('ReloadThis').innerHTML=xmlHttp.responseText;

variabilise l'id ( ici : ReloadThis ) et tu pourras lancer ton script sur chacune de tes div en passant l'id en paramètre :)

cdt,

Chomy