[AJAX] Appel aux yeux aguerri svp

**javaboy** · 11/01/2008, 22h14

Voila mon code, pouvez-vous me dire ce qu'il ne va pas svp :

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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<title>Infrastructux</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
	<link href="style/style.css" rel="stylesheet" type="text/css">
	<link href="style/menu.css" rel="stylesheet" type="text/css">
	<link href="style/site.css" rel="stylesheet" type="text/css">
 
	<style type="text/css">
	<!-- body
	{
		background-image: url("img/fond2.png");
	}
	-->
	</style>
 
<script type="text/javascript">
function envoieRequete(url,id)
{
	var xhr_object = null;
	var position = id;
	   if(window.XMLHttpRequest)  xhr_object = new XMLHttpRequest();
	  else
	    if (window.ActiveXObject)  xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
 
	// On ouvre la requete vers la page d&eacute;sir&eacute;e
	xhr_object.open("GET", url, true);
	xhr_object.onreadystatechange = function(){
	if ( xhr_object.readyState == 4 )
	{
		// j'affiche dans la DIV le contenu retourn&eacute; par le fichier
		document.getElementById(position).innerHTML = xhr_object.responseText;
	}
	}
	// dans le cas du get
	xhr_object.send(null);
 
}
</script>
 
</head>
 
<body onload="envoieRequete('acceuil.html','contenu');">
 
</head>
 
<body>
<div id="entete">
	<div id="logo">
		<img alt="header.jpg" src="img/header.jpg" />
		<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
		WIDTH="100" HEIGHT="100"
		CODEBASE="http://active.macromedia.com/flash5/cabs/swflash.cab#version=5,0,0,0">
		<PARAM NAME="MOVIE" VALUE="clock5.swf">
		<PARAM NAME="PLAY" VALUE="true">
		<PARAM NAME="LOOP" VALUE="true">
		<PARAM NAME="WMODE" VALUE="Transparent">
		<PARAM NAME="QUALITY" VALUE="high">
		<EMBED SRC="flash/clock5.swf" WIDTH="100" HEIGHT="100" PLAY="true" LOOP="true" WMODE="Transparent" QUALITY="high"
		PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
		</EMBED>
		</OBJECT>
	</div>
	<!--Texte defilant-->
	<table align="center" style="text-align: left; width: 523px; height: 32px;" border="1" cellpadding="2" cellspacing="2">
	  <tbody>
	    <tr>
	      <td style="vertical-align: top;">
		    <Marquee 
				onmouseover="this.stop();"
			    onmouseout="this.start();"
			    direction="left" 
				SCROLLAMOUNT="4" 
				SCROLLDELAY="100" 
				width="100%" class="marges">Infrascrutux vous souhaite la bienvenue. Nos promotions du moment : 
					<a href="catalog.html#ProCurve_2810" title="ProCurve 2810" target="contenu">ProCurve_2810</a> et
					<a href="catalog.html#ProCurve_2650" title="ProCurve 2650" target="contenu">ProCurve_2650</a>.
			</Marquee>
	     </td>
	    </tr>
	  </tbody>
	</table>
</div>
 
<div id="menu">
   <!--Le menu sera situ&eacute; du cote gauche et sera horizontal-->
	<table class="TableMenu">
		<tr>
			<td><img src ="img/Nous_connaitre.png"/></td>
		</tr>
		<tr>
			<td>	
				<div id="list-menu">
					<ul>
						<li><a href="#" onclick="envoieRequete('acceuil.html','contenu');" title="Acceuil" target="contenu">Accueil</a></li>
						<li><a href="#" onclick="envoieRequete('catalog.html','contenu');" title="Nos produits" target="contenu">Nos produits</a></li>
						<li><a href="#" onclick="envoieRequete('formulaire.html','contenu');" title="Nous contacter" target="contenu">Nous contacter</a></li>
					</ul>
				</div>
			</td>
		</tr>
	</table>
	<br /><br />
	<table class="TableMenu">
		<tr>
			<td><img src ="img/Nos_prestations.png"/></td>
		</tr>
		<tr>
			<td>	
				<div id="list-menu">	
					<ul>
						<li><a href="#">Clients</a></li>
						<li><a href="#">Demande de devis</a></li>
						<li><a href="#" onclick="envoieRequete('fournisseurs.html','contenu');" title="Acceuil" target="contenu">Nos fournisseurs</a></li>
						<li><a href="#" onclick="envoieRequete('realisations.html','contenu');" title="r&eacute;alisations" target="contenu">Nos r&eacute;alisations</a></li>
					</ul>
				</div>
			</td>
		</tr>
	</table>
</div>
 
<div id="panier">
	<table class="TableStyle">
		<th><img src ="img/panier.png"/></th>
		<tr >
			<td>Actuellement votre panier est vide.</td>
		</tr>
	</table>	
</div>
 
<!--ICI le contenu changera en fonction des clics de l'utilisateur-->
<div id="contenu"></div>
<br/>	 
 
<div id="footer">
  Copyright &copy;   Infrastructux developement 
</div>
 
</body>
</html>
</body>
</html>

Quand je clic sur les liens du menu la premiere fois il m'ouvre cela dans une deuxième page , ensuite cela se comporte correctement. Et la deuxième chose mes style CSS passent à la trappe. Merci à vous tous.

**psylox** · 13/01/2008, 19h44

Lorsque tu click sur un lien il y a un évènement qui se produit, si je ne me trompe pas cette évènement repasse par le serveur pour demander la nouvelle page. Il te faut donc arrêter la propagation de l'évènement car pour toi le passage par le serveur se situe o niveau de AJAX.

- chercher comment stopper un évènement en JS
- trouver a quel endroit l'arréter

**javaboy** · 16/01/2008, 17h41

Bonjour et merci pour ta réponse je vais chercher des sources sur tes conseils.

[AJAX] Appel aux yeux aguerri svp

JavaScript

Discussions similaires

Partager

Partager