Rafraichissement de page

**googlemania** · 05/08/2010, 17h50

Bonjour,

Je viens de créer un petit script en JS. Le voici :

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
<script>	
 
	function hello(e)
	{
 
			e = e || window.event;
			var el = e.target || e.srcElement;
			if(el.nodeType==3)el=el.parentNode
			if(el.id=="PC1"){
			var processeur = "Intel Core i3 530";
			var carte_mere = "Asustek P7F7-E WS Supercomputer";
			var memoire = "DDR3 1066 MhZ";
			var carte_graphique = "NVidia Geforce GTX 460GS";
 
			var disque_dur = "Western Digital Green 1 To";
			var carte_audio = "Son High Definition 7.1";
			var carte_reseau = "Reseau 10/100/1000 Mbps";
			var peripherique = "souris + clavier";
			var ecran = "Philips 221T1SB";
 
			document.write('<img id="PC1" id="PC1" src="DJCE.png" onclick="hello();"/>');
			document.write("<h1>Description de l'ordinateur</h1>" );
			document.write('<p>Processeur : ' + processeur + '</p>');
			document.write('<p>Carte Mère : ' + carte_mere + '</p>');			
			document.write('<p>Mémoire : ' + memoire + '</p>');
			document.write('<p>Carte graphique : ' + carte_graphique + '</p>');			
			document.write('<p>Disque dur : ' + disque_dur + '</p>');
			document.write('<p>Carte audio : ' + carte_audio + '</p>');			
			document.write('<p>Carte réseau : ' + carte_reseau + '</p>');
			document.write('<p>Périphérique : ' + peripherique + '</p>');
			document.write('<p>Ecran : ' + ecran + '</p>');
			}
 
		}
 
 
 
		//--></script>
 
 
			<img id="PC1" id="PC1" src="DJCE.png" onclick="hello();"/>
	</body>

tout marche niquel mais est il possible de juste rafraichir les données passés en variable parceque si je suis à chaque fois obligé de rappeler la page entière... on est pas sorto

Merci

**Bovino** · 05/08/2010, 20h19

Tu ne recharges pas la page, tu la recrées, c'est pas tout à fait pareil.
C'est dû à l'utilisation de l'immonde document.write().

Lorsqu'un script se trouve dans le corps de la page et que cette instruction est appelée, cela ajoute son (ou ses) paramètre(s) au contenu de celle-ci, car le document est dans un état dit ouvert (en cours de création), en revanche, dans ton cas, le write est bien dans le corps de la page, mais à l'intérieur d'une fonction, qui sera appelée après que la page ait fini de se charger, c'est-à-dire quand le document sera dans un état fermé. Dans ce cas, write efface le document, en recrée un et insère ce contenu dans le nouveau document, l'ancien étant définitivement perdu.

Utilises plutôt une balise div vide dans laquelle tu insèrera le contenu généré.

**googlemania** · 05/08/2010, 22h39

Ok merci pour l'info mais serait il possible d'être un peu plus clair au niveau de mon code, je ne vois pas comment aborder ça.

Enlever les "document.write" ? Pour mettre quoi à la place ?

Bref je ne vois pas trop comment aborder la chose

Merci bien !

**RomainVALERI** · 06/08/2010, 08h51

Envoyé par googlemania

Ok merci pour l'info mais serait il possible d'être un peu plus clair au niveau de mon code, je ne vois pas comment aborder ça.

Enlever les "document.write" ? Pour mettre quoi à la place ?

Bref je ne vois pas trop comment aborder la chose

Merci bien !

Un exemple vite fait en utilisant le DOM de la page :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var elemP = document.createElement("P");
elemP.appendChild(document.createTextNode("Carte Mère : " + carte_mere));
document.getElementById("idDeLElementParentAuquelTuVeuxGrefferCeParagraphe").appendChild(elemP);