Bonjour, je pense que ma question peut sembler être bête pour des personnes maitrisant AJAX mais pour ma part je patine un peu.
J'ai un page Accueil.html avec un menu Accueil, Contact
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
65
66
67
68
69
70
71
72
73
74
75
76
 
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  <HTML>
  <HEAD>
  <META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=iso-8859-1">
  <script type='text/javascript'>
      function getXhr(){
        var xhr = null; 
	if(window.XMLHttpRequest) 
	   xhr = new XMLHttpRequest(); 
	else if(window.ActiveXObject){
	       try {
	         xhr = new ActiveXObject("Msxml2.XMLHTTP");
	       } catch (e) {
	         xhr = new ActiveXObject("Microsoft.XMLHTTP");
	       }
	     }
	     else { // XMLHttpRequest non supporte par le navigateur 
	       alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
	       xhr = false; 
	     } 
             return xhr;
	}
 
   function getAccueil(x){
    var xhr=getXhr();
    if(window.XMLHttpRequest){xhr=new XMLHttpRequest();}
    else if(window.ActiveXObject){xhr=new ActiveXObject("Microsoft.XMLHTTP");}
    xhr.open("GET","accueil.html",false);
    xhr.send(null);
    obj=document.getElementById(x);
    obj.innerHTML =xhr.responseText;
}
function getContact(x){
    var xhr=null;
    if(window.XMLHttpRequest){xhr=new XMLHttpRequest();}
    else if(window.ActiveXObject){xhr=new ActiveXObject("Microsoft.XMLHTTP");}
    xhr.open("GET","contact.html",false);
    xhr.send(null);
    obj=document.getElementById(x);
    obj.innerHTML =xhr.responseText;
}
  </script>
  <TITLE>Mon site web</TITLE>
  </HEAD>
  <BODY>
    <div id="page">
        <header>
            <div id="titre_principal">
				<h1> Bienvenue sur mon site web </h1>
			</div>
			<div onclick="getAccueil('zonechange');"> Accueil </div>
			<div onclick="getContact('zonechange');"> Contact </div>
        </header>
		<section>
			<div id="zonechange" >
			<h1> Accueil </h1>
			<p> Bonjour et bienvenue <p>
			<p> Bonjour et bienvenue <p>
			<p> Bonjour et bienvenue <p>
			<p> Bonjour et bienvenue <p>
			<p> Bonjour et bienvenue <p>
			<p> Bonjour et bienvenue <p>
			<p> Bonjour et bienvenue <p>
			<p> Bonjour et bienvenue <p>
			<p> Bonjour et bienvenue <p>
			</div>
		</section>
		<footer>
			<div id="bas_info">
				<p> Site réalisé par Julie Cerini </p>
			</div>
		</footer>
    </div>
  </BODY>
  </HTML>
Quand je click sur Accueil le menu le titre et le pied de page se duplique comme tel :
Je ne sais pas pourquoi car la zone à changer est juste le corps ????