Probleme reaffichage avec ajax

medjaz · 19 Juin 2007

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:

<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:

<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

phloam · 19 Juin 2007

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

julienr · 19 Juin 2007

salut
ca me parait bizzare ceci :

Code:

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:

return("false");

pour debugger

jeroen · 19 Juin 2007

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