actualiser la page html dès la modification du select

**Shikamaru86** · 25/04/2007, 14h43

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
<html> <head> <script type="text/javascript">
StrMesure = "TENSION";
 
IntNbLignesAEffacer = 2;
 
function enregistrer()
{
 
	var fso = new ActiveXObject("Scripting.FileSystemObject"); 
 
	//RECUPERATION DE L'URL DE LA PAGE POUR OUVRIR LE FICHIER
	var urlFichierHtml = window.location.pathname; 			// résultat = /C:/loreme.htm
	urlFichierHtml = urlFichierHtml.slice(1);			//on supprime le premier caractère
	urlFichierHtml = urlFichierHtml.replace(/:\//,":\\\\");		//on remplace le slash qui suit le :
 
	//OUVERTURE EN LECTURE
	var fh = fso.OpenTextFile(urlFichierHtml, 1, true);
 
 
	for(i=1;i<=IntNbLignesAEffacer;i++)				//Lecture lignes a remplacer					
		var StrLignesAEffacer = fh.ReadLine();	
 
 
	var StrFichierHTML = fh.ReadAll();				//Lecture complete ...
 
 
	StrFichierHTML = StrFichierHTML.replace(StrLignesAEffacer, "");	//... puis Effacement	
	fh.Close();
	//FIN LECTURE
 
	//OUVERTURE FICHIER VIERGE POUR ECRITURE
	var fh = fso.OpenTextFile(urlFichierHtml, 2, true);			
	fh.WriteLine('<html> <head> <script type="text/javascript">');
 
	fh.WriteLine('StrMesure = "' + document.formulaire.mesure.value + '"\;');	
 
	fh.WriteLine(StrFichierHTML);
	fh.Close();
	//FIN ECRITURE
 
	window.location.reload();
}
 
//FORMULAIRE
document.write (' <form name="formulaire" method="post" onSubmit="enregistrer()">');
document.write (' <BR><h1>CONFIGURATION</h1>');
 
//LISTBOX
document.write (' <BR><SELECT name="mesure" value="' + StrMesure + '"> onchange="enregistrer()"');
document.write ('	<OPTION value="' + StrMesure + '"> ' + StrMesure + ' </OPTION> ');
document.write ('	<OPTION value="TENSION">TENSION</OPTION> ');
document.write ('	<OPTION value="COURANT">COURANT</OPTION> ');
document.write ('    	<OPTION value="RESISTANCE">RESISTANCE</OPTION>' );
document.write ('</SELECT>');
 
//INITIALISATION DE L'UNITE (StrUnite) SELON LA MESURE CHOISIE
if (StrMesure == "COURANT") 	StrUnite = "mA";
if (StrMesure == "TENSION")	StrUnite = "mV";
if (StrMesure == "RESISTANCE")	StrUnite = "Ohm";
//FIN INITIALISATION
 
//TEXT 
document.write (' <BR><h4>ECHELLE BASSE: 	<input type="text" size="10" name="TensionBasse" value="">' + StrUnite + ' </h4>');
document.write (' <BR><h4>ECHELLE HAUTE: 	<input type="text" size="10" name="TensionHaute" value="">' + StrUnite + ' </h4>');
 
//BOUTON ENREGISTRER	
document.write (' <BR><input type="submit" value="Enregistrer">');
document.write (' <BR></form>');
//FIN FORMULAIRE
 
</script> </head> </html>

Voila ça ne marche pas, la page s'actualise mais la valeur dans le select ne change que si on appuie sur le bouton enregistrer.

**E.Bzz** · 25/04/2007, 14h50

Envoyé par Shikamaru86

Voila ça ne marche pas, la page s'actualise mais la valeur dans le select ne change que si on appuie sur le bouton enregistrer.

Pb de cache, sûrement.
Mais vu la modif dynamique de la page, je pense qu'il faut intervenir au niveau du répertoire du serveur (modif des prop de gestion du cache => expiration immédiate), parce que les en-têtes html suffiront sûrement pas ...

**Shikamaru86** · 25/04/2007, 16h49

Je vais méditer la dessus pour voir ce que je peux faire!!

**Shikamaru86** · 26/04/2007, 09h54

Ayé!! J'ai trouvé une autre parade!
En fait j'inscrit en dur StrUnite de la meme façon que StrMesure.
Et puis je modifie dynamiquement les valeurs des deux selon le contenu du select (document.formulaire.mesure.value). Enfin j'actualise la page pour que les valeurs soit pris en compte.

Voila le code!!

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
<html> <head> <script type="text/javascript">
StrMesure = "COURANT";
StrUnite = "mA";
 
IntNbLignesAEffacer = 3;
 
 
function enregistrer()
{
 
	var fso = new ActiveXObject("Scripting.FileSystemObject"); 
 
	//RECUPERATION DE L'URL DE LA PAGE POUR OUVRIR LE FICHIER
	var urlFichierHtml = window.location.pathname; 			// résultat = /C:/loreme.htm
	urlFichierHtml = urlFichierHtml.slice(1);			//on supprime le premier caractère
	urlFichierHtml = urlFichierHtml.replace(/:\//,":\\\\");		//on remplace le slash qui suit le :
 
	//OUVERTURE EN LECTURE
	var fh = fso.OpenTextFile(urlFichierHtml, 1, true);
 
 
	for(i=1;i<=IntNbLignesAEffacer;i++)				//Lecture lignes a remplacer					
		var StrLignesAEffacer = fh.ReadLine();	
 
 
	var StrFichierHTML = fh.ReadAll();				//Lecture complete ...
 
 
	StrFichierHTML = StrFichierHTML.replace(StrLignesAEffacer, "");	//... puis Effacement	
	fh.Close();
	//FIN LECTURE
 
	//OUVERTURE FICHIER VIERGE POUR ECRITURE
	var fh = fso.OpenTextFile(urlFichierHtml, 2, true);			
	fh.WriteLine('<html> <head> <script type="text/javascript">');
 
	fh.WriteLine('StrMesure = "' + document.formulaire.mesure.value + '"\;');	
 
	if (document.formulaire.mesure.value == "COURANT") 	fh.WriteLine('StrUnite = "mA"\;');
	if (document.formulaire.mesure.value == "TENSION")	fh.WriteLine('StrUnite = "mV"\;');
	if (document.formulaire.mesure.value == "RESISTANCE")	fh.WriteLine('StrUnite = "Ohm"\;');
 
	fh.WriteLine(StrFichierHTML);
	fh.Close();
	//FIN ECRITURE
 
	document.formulaire.submit(); 
}
 
//FORMULAIRE
document.write (' <form name="formulaire" method="post" onSubmit="enregistrer()">');
document.write (' <BR><h1>CONFIGURATION</h1>');
 
//LISTBOX
document.write (' <BR><SELECT name="mesure" value="' + StrMesure + '" onChange="enregistrer();"> ');
document.write ('	<OPTION value="' + StrMesure + '"> ' + StrMesure + ' </OPTION> ');
document.write ('	<OPTION value="TENSION">TENSION</OPTION> ');
document.write ('	<OPTION value="COURANT">COURANT</OPTION> ');
document.write ('    	<OPTION value="RESISTANCE">RESISTANCE</OPTION>' );
document.write ('</SELECT>');
 
 
//TEXT 
document.write (' <BR><h4>ECHELLE BASSE: 	<input type="text" size="10" name="TensionBasse" value="">' + StrUnite + ' </h4>');
document.write (' <BR><h4>ECHELLE HAUTE: 	<input type="text" size="10" name="TensionHaute" value="">' + StrUnite + ' </h4>');
 
//BOUTON ENREGISTRER	
document.write (' <BR><input type="submit" value="Enregistrer">');
document.write (' <BR></form>');
//FIN FORMULAIRE
 
</script> </head> </html>

Merci E.Bzz et Zakapatul de vos aides et de vos réponses!!

**E.Bzz** · 26/04/2007, 10h12

Code :

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

document.forms['formulaire'].elements['mesure'].value

De rien

A+

actualiser la page html dès la modification du select

JavaScript

Discussions similaires

Partager

Partager