Probleme reaffichage avec ajax

le Mar Juin 19, 2007 14:26

Bonjour,
J'ai fait cette page avec un contenu Ajax, y'a une image cliquable (smile sur la photo suivante)

Le probleme :Quand on recharge la page avec le lien ajax ca marche plus.
Pour faire le test c'est ici : -http://www.artifez.com/ajax/

Code de index :

Code: Tout sélectionner: <html> <head> <link href="styles.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="AJAX_fichiers/prototype_002.js"></script> <script type="text/javascript" src="AJAX_fichiers/prototype.js"></script> <script type="text/javascript" src="AJAX_fichiers/scriptaculous.js"></script> <script type="text/javascript" src="AJAX_fichiers/HelpBalloon.js"></script> <script type="text/javascript"> function red() { document.getElementById('examples').innerHTML = file('examples.php'); document.getElementById('test').innerHTML = "Voila un nouveau contenu appeler en javascript et l petit smilie cliquable ne s'affiche pas"; } function getXhr() { var xhr = null; if(window.XMLHttpRequest) // Firefox et autres xhr = new XMLHttpRequest(); else if(window.ActiveXObject) { // Internet Explorer try { xhr = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } } else { // XMLHttpRequest non supporté par le navigateur alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); xhr = false; } return xhr } function file(fichier) { xhr_object = getXhr(); xhr_object.open("GET", fichier, false); xhr_object.send(null); if(xhr_object.readyState == 4) return(xhr_object.responseText); else return(false); } </script> <head> <body> <div id="examples"> <?php include("examples.php"); ?> 1 </div> <div id="test"> rednour </div> </body> </html>

Code exemple.php :

Code: Tout sélectionner: <html><head> </head><body> <b><font face="Verdana" size="+3" color="#FF7F7F">cliquez sur se smilie :>>>> </font></b> <script type="text/javascript"> var hb1 = new HelpBalloon({ dataURL: 'informations.php' }); </script> <br> <a href="#" onclick="red()">Recharger la page avec Ajax</a> </body></html>

Merci pour votre aide

le Mar Juin 19, 2007 14:37

Essayes peut-être de le précharger avant de l'afficher.

le Mar Juin 19, 2007 15:05

salut
ca me parait bizzare ceci :

Code: Tout sélectionner: if(xhr_object.readyState == 4) return(xhr_object.responseText); else return(false);

ca fait longtemps que je n'ai pas fait d'ajax mais il me semble que tu as un callback qui est appelé une sorte de onchange et quand l'etat readystate == 4 alors tu retournes
là je pense que juste après l'appel ton readystate n'est pas 4, pas chargé, et du coup le contenu est false

essaye de remplacer

Code: Tout sélectionner: return("false");

pour debugger

le Mar Juin 19, 2007 15:19

Pas de bug chez mo, ou alors j'ai pas compris.

Probleme reaffichage avec ajax

Probleme reaffichage avec ajax

Formation recommandée sur ce thème :

Lectures recommandées sur ce thème :

Qui est en ligne