actualiser la page html dès la modification du select

Version imprimable

25/04/2007, 09h40
Shikamaru86

actualiser la page html dès la modification du select

Bonjour a tous!!

J'aimerai pouvoir actualiser ma page HTML dès que l'utilisateur choisie un autre élément dans le select.

Pour actualiser je sais que je peux faire comme ça:

Code:

document.formulaire.submit();

Mais comment tester si le select a été modifié??

Merci d'avance de vos réponses. :D
25/04/2007, 10h12
Zakapatul

Si tu souhaites qu'une action soit réalisée dès la modification du select, tu peux le faire avec l'attribut onChange... Par exemple pour lancer la fonction document.formulaire.submit(); au changement du select, tu écris quelque chose du genre :

Code:

<select id="maliste" name="maliste" onChange="document.formulaire.submit();">
25/04/2007, 10h32
Shikamaru86

Merci la page s'actualise mais la modification n'est pas pris en compte!!! 8O. Il garde l'ancienne valeur dans le select.
25/04/2007, 10h37
E.Bzz

Bonjour,

Citation:

Envoyé par Shikamaru86

Merci la page s'actualise mais la modification n'est pas pris en compte!!! 8O. Il garde l'ancienne valeur dans le select.

Ben ça c'est lié à ton traitement ... dont on ne connait rien :mrgreen:

Un peu de code...

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
<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('var StrMesure = "' + document.formulaire.mesure.value + '"\;');	
 
	fh.WriteLine(StrFichierHTML);
	fh.Close();
	//FIN ECRITURE
 
}
 
//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="document.formulaire.submit()">');
document.write ('	<OPTION> ' + 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>

Alors voila je dois réaliser une page de configuration.
En fait j' actualise la page pour inialiser l'unité selon la mesure.
Mais la ça marche pas fort!!

Erreur ou est tu?? :cry:

Je sais pas si je dois actualiser la page en fait actualiser la page n'initialise pas les variables.

25/04/2007, 11h00
E.Bzz

Enlève le "var " devant la déclaration de tes variables globales :?
25/04/2007, 11h03
Shikamaru86

Pourquoi?!?? ça fait moche? :D
C'est bon!! Plus de var en variable globale...
25/04/2007, 11h05
E.Bzz

Citation:

Envoyé par Shikamaru86

Pourquoi?!?? ça fait moche? :D

:mouarf2:

Il me semble qu'il faut pas le mettre pour les globales :?

... et comme tu l'initialise dès la déclaration, et que tu la récupères pas, je vois rien d'autre :mrgreen:
25/04/2007, 11h13
Shikamaru86

Citation:

Envoyé par E.Bzz

Il me semble qu'il faut pas le mettre pour les globales :?

... et comme tu l'initialise dès la déclaration, et que tu la récupères pas, je vois rien d'autre :mrgreen:

Je savais pas qu'il fallait pas les mettre, merci de l'infos...
Par contre, je vois pas ce que tu veux dire, j'ai pas besoin de récupérer la valeur puice que c'est la valeur du select. 8O

Tu peux être plus claire. STP
25/04/2007, 11h17
E.Bzz

Citation:

Envoyé par Shikamaru86

Tu peux être plus claire. STP

Citation:

Envoyé par Shikamaru86

En fait j' actualise la page pour inialiser l'unité selon la mesure.
Mais la ça marche pas fort!!

Ben ... de même, si j'ai mal compris :aie:
25/04/2007, 11h26
Shikamaru86

Selon la mesure que l'utilisateur choisit dans le select, la page doit se recharger pour inscrire la bonne unité à coté des champs text.

Exemple : Si l'utilisateur choisit COURANT dans le select, tout de suite mA est écrit à coté des champs texte. Pareil pour TENSION (unité = mV) et pour RESISTANCE (unité = Ohm).

Voila j'espere avoir été plus claire... :D
25/04/2007, 11h29
E.Bzz
Citation:

Envoyé par Shikamaru86

Selon la mesure que l'utilisateur choisit dans le select, la page doit se recharger pour inscrire la bonne unité à coté des champs text.

Exemple : Si l'utilisateur choisit COURANT dans le select, tout de suite mA est écrit à coté des champs texte. Pareil pour TENSION (unité = mV) et pour RESISTANCE (unité = Ohm).

Voila j'espere avoir été plus claire... :D

Oui :D
Code:

1 2 <html><head><script type="text/javascript"> StrMesure = "TENSION";
Le fait que la mesure soit initialisée "en dur" y est peut-être pour qqchose, non ?

A+
25/04/2007, 11h56
Shikamaru86

Elle n'est pas inscrite en dur!

Elle est modifié a chaque actualisation ou enregistrement.
Grace a la fonction enregistrer, j'ouvre le fichier et j'écrit la nouvelle mesure choisie.

exemple : si l'utilisateur choisie COURANT et ben c'est plus

Code:

StrMesure = "TENSION";

qui est écrit dans le fichier de configuratuion mais

Code:

StrMesure = "COURANT";
25/04/2007, 12h06
E.Bzz

Et tu es sûr du résultat (de l'écriture dans le fichier) ?
Parce que de ce que je vois, c'est bien le "en dur" qui est pris dans les document.write()

Mais j'avoue, je commence à avir les yeux qui se croisent (et super faim :D ) ...
25/04/2007, 12h24
Shikamaru86

Bonne appétit!! :lol:
25/04/2007, 12h26
E.Bzz

Citation:

Envoyé par Shikamaru86

Bonne appétit!! :lol:

De même !

:P

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
<html> <head> <script type="text/javascript">
var 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('var StrMesure = "' + document.formulaire.mesure.value + '"\;');	
 
	fh.WriteLine(StrFichierHTML);
	fh.Close();
	//FIN ECRITURE
 
}
 
//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="document.formulaire.submit()">');
document.write (' <BR><SELECT name="mesure" value="' + StrMesure + '">');
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>

Test ce code, il marche!
C'est la version d'avant le onchange!!
Cette version n'est pas bonne parce qu'en fait il faut appuyer sur enregistrer pour voir les modifications. Alors que je veux que les modifications ce fasse des qu'on change le select. :cry:

25/04/2007, 13h53
E.Bzz

Et avec un

Code:

<select ... onchange="enregistre();">

avec

Code:

location.reload();

en dernière ligne de la fonction, ça le fait pas ? :?

Ca serait (a priori), la même chose que ton <form> (qui n'en est pas un, puisque pas d'action), mais en rechargeant la version modifiée ...
25/04/2007, 14h13
Shikamaru86

Je mets le

Code:

window.location.reload();

a la fin de la fonction enregistrer() pour recharger la page c'est ça?
25/04/2007, 14h19
E.Bzz

Citation:

Envoyé par Shikamaru86

Je mets le

Code:

window.location.reload();

a la fin de la fonction enregistrer() pour recharger la page c'est ça?

:yaisse:

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
<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. 8O

25/04/2007, 14h50
E.Bzz

Citation:

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. 8O

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 ...
25/04/2007, 16h49
Shikamaru86

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

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:

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

26/04/2007, 10h12
E.Bzz

Code:

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

De rien :)

A+