[AJAX] Changement de contenu dans une div.
Encore un problème de changement de contenu dans une div...
J'ai regardé les tuto mais je ne trouve pas mon problème. Voila le code de ma page principale (les page appeler sont du genre <p>bla bla bla</p>
Le souci : quand je clique sur mon menu il ne ce passe rien...
Merci pour votre aide
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
|
<head>
<title>Le Kintz</title>
<meta http-equiv="Content-language" content="fr" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function sendData(param, page, id)
{
if(document.all)
{
//Internet Explorer
var XhrObj = new ActiveXObject("Microsoft.XMLHTTP") ;
}//fin if
else
{
//Mozilla
var XhrObj = new XMLHttpRequest();
}//fin else
//définition de l'endroit d'affichage:
var content = document.getElementById(id);
XhrObj.open("POST", page);
//Ok pour la page cible
XhrObj.onreadystatechange = function()
{
if (XhrObj.readyState == 4 && XhrObj.status == 200)
content.innerHTML = XhrObj.responseText ;
}
XhrObj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
XhrObj.send(param);
}//fin fonction SendData
</script>
<script language="javascript">
function fenetrePlan(page,largeur,hauteur,options)
{
var top=(screen.height-hauteur)/2;
var left=(screen.width-largeur)/2;
window.open(page,"Plan d'accès","top="+top+",left="+left+",width="+largeur+",height="+hauteur+","+options);
}
</script>
</head>
<body>
<div id="conteneur">
<div id="contenu">
<div id="flash">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="330" height="490">
<param name="movie" value="flash.swf" />
<param name="quality" value="high" />
<param name="menu" value="false" />
<param name="wmode" value="" />
<!--<embed src="flash.swf" wmode="" quality="high" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="330" height="490"></embed>-->
</object>
</div>
<ul id="menu">
<li>
<img src="images/accueil.png"
onmouseover="this.src='images/accueil_over.png'"
onmouseout="this.src='images/accueil.png'"
onClick="sendData('id=0', 'accueil.html','texte')"
width="53" height="22"/>
</li>
<li>
<img src="images/specialite.png"
onmouseover="this.src='images/specialite_over.png'"
onmouseout="this.src='images/specialite.png'"
onClick="sendData('id=0', 'specialites.html','texte')"
width="77" height="22"/>
</li>
<li>
<img src="images/chef.png"
onmouseover="this.src='images/chef_over.png'"
onmouseout="this.src='images/chef.png'"
onClick="sendData('id=0', 'chef.html','texte')"
width="62" height="22"/>
</li>
</ul>
<div id="texte">
<p>
Depuis 1980, situé au ...
</p>
</div>
</div>
</div>
</body>
</html> |
