Bonjour,
Je sais pas vous, j'ai eu du mal à trouver un script JavaScript qui permettait à la fois de modifier plusieurs sections d'une pages et cela soit "a la demande" d'un événement js soit "automatiquement", et qui en plus exécuter le code javascript contenu dans la page demander!
Le voilà
Cette fonction prend en paramètres l'id de l'élément ou vous voulez inserer le contenu de la page distante et l'url absolue de la page que vous voulez inserer
Et pour le coté "automatique" j'ai une autre fonction qui appelle celle ci-dessus :
Cette fonction est as appelé à la fin du chargement du body (par exemple)
Et voilà vous faite de l'ajax
Je sais pas vous, j'ai eu du mal à trouver un script JavaScript qui permettait à la fois de modifier plusieurs sections d'une pages et cela soit "a la demande" d'un événement js soit "automatiquement", et qui en plus exécuter le code javascript contenu dans la page demander!
Le voilà
Code:
function ajax(id,url) { 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(id).innerHTML=xmlHttp.responseText; var js = document.getElementById(id).getElementsByTagName('script'); for( var i in js ) { eval(js[i].text); } } else { document.getElementById(id).innerHTML = "Chargement en cours ...<br />"; } } xmlHttp.open("GET",url,true); xmlHttp.send(null); }
Et pour le coté "automatique" j'ai une autre fonction qui appelle celle ci-dessus :
Code:
function refresh() { ajax("page1", "http://monsite.com/pages/ajax1.php"); ajax("page2", "http://monsite.com/pages/ajax2.php"); setTimeout('refresh()',3000); }
Et voilà vous faite de l'ajax