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 :

Choix de l'action de boutons submit dans un <form>


Sujet :

JavaScript

  1. #1
    Membre régulier
    Inscrit en
    Juillet 2005
    Messages
    266
    Détails du profil
    Informations forums :
    Inscription : Juillet 2005
    Messages : 266
    Points : 117
    Points
    117
    Par défaut Choix de l'action de boutons submit dans un <form>
    C'est encore moi:
    Je pense que c'est un problème d'erreur de code. Voici le code des deux boutons:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <form action="region_modif.php" method="Post" name="form1">
    <p align="center">
    <input name="submit" type="submit" value="Valider Modification" onClick="javascript:Choixpage(1)" />
    <input name="annuler" type="submit" value="Annuler Modification"  onClick="javascript:Choixpage(2)" /></p>
    </form>
    Voici le code javascript:


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <script language="javascript">
    	   //fonction pour choisir l'action
    	   function Choixpage(numpage){
    		if(numpage==1){
    		 window.location.replace('region_modif.php');
    		}
    		if(numpage==2){
    		  window.location.replace('region_ajout.php');
    		}
    	}
          </script>

    Mais bien que je clique sur l'un des boutons c'est la page region_modif.php qui s'affiche.

    Merci de votre aide.

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 644
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 644
    Points : 66 671
    Points
    66 671
    Billets dans le blog
    1
    Par défaut
    Tu confonds action de form et location de page :

    si tu passes par window location tu perd le form
    il fut rester dans le submit ...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <script language="javascript">
    	   //fonction pour choisir l'action
    	   function Choixpage(){
    	    document.forms['form1'].action=(document.getElementById('page')==1)?'region_modif.php':'region_ajout.php';
     return true;	
    	   }
          </script>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    <form action="region_modif.php" method="Post" name="form1" onsubmit="return Choixpage();">
    <p align="center">
    <input name="submit" type="submit" value="Valider Modification" onclick="document.getElementById('page')=1" />
    <input name="annuler" type="submit" value="Annuler Modification"  onclick="document.getElementById('page')=2" /></p>
    <input name="page" id="page value="1"  />
    </form>

  3. #3
    Membre régulier
    Inscrit en
    Juillet 2005
    Messages
    266
    Détails du profil
    Informations forums :
    Inscription : Juillet 2005
    Messages : 266
    Points : 117
    Points
    117
    Par défaut
    Citation Envoyé par SpaceFrog Voir le message
    Tu confonds action de form et location de page :

    si tu passes par window location tu perd le form
    il fut rester dans le submit ...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <script language="javascript">
    	   //fonction pour choisir l'action
    	   function Choixpage(){
    	    document.forms['form1'].action=(document.getElementById('page')==1)?'region_modif.php':'region_ajout.php';
     return true;	
    	   }
          </script>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    <form action="region_modif.php" method="Post" name="form1"  Choixpage();">
    <p align="center">
    <input name="submit" type="submit" value="Valider Modification" 'page')=1" />
    <input name="annuler" type="submit" value="Annuler Modification"  'page')=2" /></p>
    <input name="page" id="page value="1"  />
    </form>
    Merci SpaceFrog,
    1er : je pense dans le code html il manque onClick ?
    2ème : Voici le nouveau code html que j'ai reformulé:

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <input name="submit" type="submit" value="Valider Modification" onClick="document.getElementById('page')=1" />
    <input name="annuler" type="submit" value="Annuler Modification" onClick="document.getElementById('page')=2"/>
    <input name="page" id="page" value="1"  />

    Lorsque je fais ces modifications c'est l'action 2 dont la page region_ajout.php qui s'execute quelque soit le bouton choisi.

    Merci.

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 644
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 644
    Points : 66 671
    Points
    66 671
    Billets dans le blog
    1
    Par défaut
    j'ai juste oublié le .value ...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
      document.forms['form1'].action=(document.getElementById('page').value==1)?'region_modif.php':'region_ajout.php';
    et

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <form action="region_modif.php" method="Post" name="form1" onsubmit="return Choixpage();">
    <p align="center">
    <input name="submit" type="submit" value="Valider Modification" onclick="document.getElementById('page').value='1'" />
    <input name="annuler" type="submit" value="Annuler Modification"  onclick="document.getElementById('page').value='2'" />
    <input name="page" type="hidden" id="page" value="1"  />
    </p>
    </form>

  5. #5
    Membre régulier
    Inscrit en
    Juillet 2005
    Messages
    266
    Détails du profil
    Informations forums :
    Inscription : Juillet 2005
    Messages : 266
    Points : 117
    Points
    117
    Par défaut
    Merci, vous êtes un

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Deux boutons submit dans un formulaire
    Par noakiss dans le forum ASP
    Réponses: 13
    Dernier message: 24/04/2008, 16h01
  2. 2 bouton submit dans un formulaire
    Par yasmine* dans le forum Servlets/JSP
    Réponses: 1
    Dernier message: 29/05/2007, 01h54
  3. [Débutant] 2 boutons submit dans un formulaire
    Par stokoma1981 dans le forum Servlets/JSP
    Réponses: 2
    Dernier message: 08/05/2007, 17h57
  4. plusieurs boutons submit dans le même formulaire
    Par rogerio dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 04/05/2007, 14h53
  5. deux bouton submit dans même formulaire
    Par sansouna24 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 29/05/2006, 12h03

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