Bonjour,
Je réalise un petit essai Ajax me permettant de tester Ajax : le but est d'insérer dans une page html le contenu d'une autre page html qui ne contient qu'un petit texte.

Fichier ajout.js :
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
function createHTTP() {
	var http;
	try { 
		http=new XMLHttpRequest();
	} catch (e) { 
	try {
		http=new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
	try {
		http=new ActiveXObject("Microsoft.XMLHTTP");
	} catch (e) {
		http=null;
	}
	}
	}
	return http; 
}
 
function include(id, html) {
	var http = createHttp();
	http.open('get', html);
	http.onreadystatechange = function(){ handleResponse( http, id ); }
	http.send(null);
}
 
function handleResponse( http, id ) {
	if (http.readyState==4) {
		if (http.status == 200 ) {
			document.getElementById(id).innerHTML = http.responseText;
		}
	}
}
La page html principale :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
<html>
<head>
	<script type="text/javascript" src="ajout.js"></script>
</head>
 
<body>
	<div id="ajout"></div><script type="text/javascript">include('ajout','ajout.html')</script>
	Ceci est la page principale
</body>
</html>

Et enfin la page (ajout.html) que j'aimerais insérer dans la principale :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
<html>
<head>	
</head>
<body>
Petit texte à insérer... 
</body>
</html>

Le problème est que... cela ne fonctionne pas! Quand j'ouvre la page principale j'ai uniquement le texte de la page principale... Pourriez-vous m'aider?

Merci :-)