[AJAX] xmlhttprequest contenu ne s'affiche pas

Bonjour,

Dans le but d'avoir un player mp3 'continu' d'une page à l'autre, j'ai cherché une façon de charger une partie seulement de la page. La solution c'est l'AJAX (semble-t-il...).

Bon, voici le problème :

Je crois avoir fais tous les sites sur le sujet : charger un contenu dans une div avec l'AJAX et son XMLHttpRequest méthode.

J'ai tout essayé mais rien ne s'affiche.L'objet XMLHttpRequest est pourtant bien créé...

Voici le code de l'index.html:

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
65
66
67
68
69
70
 
<html>
	<head>
		<title>Index</title>
		<link rel="stylesheet" type="text/css" href="css/feuilleStyle.css" />
		<script type="text/javascript" language="javascript">
		function showPage(url,id)
		{
 
			 var httpRequest = false;
 
			if (window.XMLHttpRequest) { // Mozilla, Safari,...
				httpRequest = new XMLHttpRequest();
			}
			else if (window.ActiveXObject) { // IE
				try {
					httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
				}
				catch (e) {
					try {
						httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
					}
					catch (e) {}
				}
			}
 
			if (!httpRequest) {
				alert('Abandon :( Impossible de créer une instance XMLHTTP');
				return false;
			}
			httpRequest.open("GET", url, true);
 
			httpRequest.onreadystatechange = function() { alertContents(httpRequest); };
 
			httpRequest.send(null);
 
		}
 
		function alertContents(httpRequest) {
 
			if (httpRequest.readyState == 4) {
				if (httpRequest.status == 200) {
					alert(httpRequest.responseText);
				} else {
					alert('Un problème est survenu avec la requête.');
				}
			}else {
					alert('Un problème est survenu avec la requête.');
			}
		}
		</script>
	</head>
	<body>		<!--   onload="RunDemo()" -->
		<div id="all">
			<div id="main">
				<div id="conteneur">
					<div id="menu">
 
						 <br><br><br>
						 <a href="#" onclick="showPage('accueilAjax.html','page');" ><img src="images/accueilBtnLiteAnim2.gif"></a>
						 <br><br>
						 <a href="#" onclick="showPage('imagesAjax.php','page');" ><img src="images/imagesBtnLiteAnim2.gif"></a>
					</div>
					<div id="page">
					</div>
				</div>
			</div>
		</div>
	</body>
</html>

et celui de accueilAjax.html :

Code:

1
2
3
4
 
<font color="#FFFFFF">
bla bibib blan
</font>

Il semblerait que la procédure n'arrive pas a 'onreadystatechange' parce qu'aucune 'Alert' ne s'affiche.
Donc le problème est peut être dans 'open', mais alors là je ne vois pas.8O
Ca me rend fou aidez-moi s'il vous plaît.

edit: voilà, entre autres, un exemple de référence : http://fr.wikibooks.org/wiki/Program.../Ajax/Sommaire