[AJAX] Réafficher d'une page php avec ajax

**red_nour** · 19/06/2007, 15h38

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
 
<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<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

**jmulans** · 20/06/2007, 08h21

Firebug me donne ça en resultat de ta requete ajax

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<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'
 
						});
 
						document.write("2132165469879");
 
 
 
</script>
 
<br>
 
<a href="#" onclick="red()">Recharger la page avec Ajax</a>

comme tu le voit il n'y a pas d'image, regarde ce que tu lui envoie

alors que à la base sur la page il y a ça

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<b>
<font size="+3" face="Verdana" color="#ff7f7f">cliquez sur se smilie :>>>> </font>
</b>
<script type="text/javascript">
 
var hb1 = new HelpBalloon({
dataURL: 'informations.php'
});
document.write("2132165469879");
 
 
</script>
<img id="HelpBalloon_01adc205_icon" src="images/icon_info.gif" style="cursor: pointer;"/>
2132165469879
<br/>
<a onclick="red()" href="#">Recharger la page avec Ajax</a>

[AJAX] Réafficher d'une page php avec ajax

JavaScript

Discussions similaires

Partager

Partager