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

Bonjour,:P
J'ai fait cette page avec un contenu Ajax, y'a une image cliquable (smile sur la photo suivante) http://www.artifez.com/ajax/image2.jpg
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:

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:

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