IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

actualiser la page html dès la modification du select


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Avril 2006
    Messages
    69
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Avril 2006
    Messages : 69
    Par défaut 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 : Sélectionner tout - Visualiser dans une fenêtre à part
    document.formulaire.submit();
    Mais comment tester si le select a été modifié??

    Merci d'avance de vos réponses.

  2. #2
    Membre averti
    Inscrit en
    Février 2007
    Messages
    45
    Détails du profil
    Informations personnelles :
    Âge : 37

    Informations forums :
    Inscription : Février 2007
    Messages : 45
    Par défaut
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    <select id="maliste" name="maliste" onChange="document.formulaire.submit();">

  3. #3
    Membre confirmé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Avril 2006
    Messages
    69
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Avril 2006
    Messages : 69
    Par défaut
    Merci la page s'actualise mais la modification n'est pas pris en compte!!! . Il garde l'ancienne valeur dans le select.

  4. #4
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    Citation Envoyé par Shikamaru86
    Merci la page s'actualise mais la modification n'est pas pris en compte!!! . Il garde l'ancienne valeur dans le select.
    Ben ça c'est lié à ton traitement ... dont on ne connait rien

  5. #5
    Membre confirmé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Avril 2006
    Messages
    69
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Avril 2006
    Messages : 69
    Par défaut
    Un peu de 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
    <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??

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

  6. #6
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Enlève le "var " devant la déclaration de tes variables globales

  7. #7
    Membre confirmé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Avril 2006
    Messages
    69
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Avril 2006
    Messages : 69
    Par défaut
    Pourquoi?!?? ça fait moche?
    C'est bon!! Plus de var en variable globale...

  8. #8
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par Shikamaru86
    Pourquoi?!?? ça fait moche?


    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

  9. #9
    Membre confirmé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Avril 2006
    Messages
    69
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Avril 2006
    Messages : 69
    Par défaut
    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
    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.

    Tu peux être plus claire. STP

  10. #10
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    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

  11. #11
    Membre confirmé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Avril 2006
    Messages
    69
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Avril 2006
    Messages : 69
    Par défaut
    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...

  12. #12
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    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...
    Oui

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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+

  13. #13
    Membre confirmé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Avril 2006
    Messages
    69
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Avril 2006
    Messages : 69
    Par défaut
    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 qui est écrit dans le fichier de configuratuion mais

  14. #14
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    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 ) ...

  15. #15
    Membre confirmé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Avril 2006
    Messages
    69
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Avril 2006
    Messages : 69
    Par défaut
    Bonne appétit!!

  16. #16
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par Shikamaru86
    Bonne appétit!!
    De même !


  17. #17
    Membre confirmé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Avril 2006
    Messages
    69
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Avril 2006
    Messages : 69
    Par défaut
    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">
    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.

  18. #18
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Et avec un
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <select ... onchange="enregistre();">
    avec 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 ...

  19. #19
    Membre confirmé
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Avril 2006
    Messages
    69
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur .NET

    Informations forums :
    Inscription : Avril 2006
    Messages : 69
    Par défaut
    Je mets le
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    window.location.reload();
    a la fin de la fonction enregistrer() pour recharger la page c'est ça?

  20. #20
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par Shikamaru86
    Je mets le
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    window.location.reload();
    a la fin de la fonction enregistrer() pour recharger la page c'est ça?

+ Répondre à la discussion
Cette discussion est résolue.
Page 1 sur 2 12 DernièreDernière

Discussions similaires

  1. Actualiser une page html une seule fois
    Par dalalbay dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 04/09/2012, 11h51
  2. Modification du titre de la page HTML depuis une applet
    Par ChPortos dans le forum Applets
    Réponses: 1
    Dernier message: 16/05/2008, 17h33
  3. [HTML] Actualiser une page à l'ouverture
    Par xavax59 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 15/09/2007, 12h45
  4. [WinDev 9] Modification d'une page HTML
    Par JohanProg dans le forum WinDev
    Réponses: 1
    Dernier message: 13/09/2006, 16h18
  5. redirection de pages html vers une page locale? (modif dns?)
    Par johan_b dans le forum Autres Logiciels
    Réponses: 3
    Dernier message: 20/01/2006, 16h51

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo