[AJAX] Changement de contenu dans une div.

**tinoudu01** · 01/05/2009, 09h43

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 :

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

**emmanuel.remy** · 01/05/2009, 10h18

Salut,
Ton code est bon. Par acquis de conscience je viens de le tester sous IE6 et Firefox.
Es tu certain que tu appelles les bons fichiers (accueil.html, ...) et qu'ils résident dans le même répertoire que ta page chargée ?

ERE

**tinoudu01** · 01/05/2009, 10h24

Oui mon code parait bon et marchait hier sur un serveur du travail mais la pas moyen de le refaire fonctionner sur ma machine et sur free. Je suis sur d'appeler les bon fichiers...
De plus ce même code fonctionne sur un autre site que j'avais fait...
Bref je sais plus trop quoi faire :-)
Le problème ne peut pas venir de l'encodage de mes fichier par notepad ? question je pense stupide mais la ou j'en suis j'imagine tt ^^ !

**tinoudu01** · 01/05/2009, 10h32

C'est bon ça marche sur ma machine, mais toujours pas sur free.fr, ni sur 1and1... donc pas un problème d'hébergeur

**emmanuel.remy** · 01/05/2009, 10h40

Envoyé par tinoudu01

C'est bon ça marche sur ma machine, mais toujours pas sur free.fr

Peut-être est ce lié à ces posts précédents ?

http://www.developpez.net/forums/d69.../ajax-free-fr/

Que fait ton script appelé via AJAX. Il semblerait que Free bloque régulièrement par exemple la fonction fopen appelé vers un autre site

ERE

**tinoudu01** · 01/05/2009, 10h43

mes scripts appelé sont uniquement de ce genre :

<p>
bla bla bla
</p>

de plus j'ai un autre site qui fait la même chose chez free et ça marche...

**emmanuel.remy** · 01/05/2009, 11h37

Re-salut,

Free te renvoie une erreur 405 : method not allowed. Cela veut simplement dire que Free refuse un appel de type POST vers un fichier à l'extension ".html".
Tu peux renommer tes fichiers avec une extension PHP et cela devrait fonctionner.
Mais à mon avis 2 réflexions s'imposent.
pourquoi faire une requete AJAX vers des fichiers html ? Une balise IFrame fait l'affaire. Cela ne sert à rien de mettre en oeuvre de l'Ajax si ce n'est pas nécessaire !

Ce n'est pas une performance en soi.

Ensuite, à voir ton site, je ne comprends pas pourquoi tu ne fais pas des simples liens avec une balise "a".
Et si tu t'entêtes (ou si tu trouves légitimes

) à faire un appel Ajax, pourquoi en faire une méthode POST ?

A toi de voir.

ERE

**tinoudu01** · 01/05/2009, 11h47

merci pour ta réponse, je vais essayer.
Si j'ai choisi l'ajax c'est par ce que mon site va devenir dynamique et donc tt en php.

**emmanuel.remy** · 01/05/2009, 12h22

Envoyé par tinoudu01

merci pour ta réponse, je vais essayer.
Si j'ai choisi l'ajax c'est par ce que mon site va devenir dynamique et donc tt en php.

Ceci explique don cela

. Dans ce cas mets directement des noms de fichier avec une extension php

ERE

[AJAX] Changement de contenu dans une div.

AJAX

Vue hybride

Discussions similaires

Partager

Partager