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

HTML Discussion :

Conflit de bouton identique dans un formulaire


Sujet :

HTML

  1. #1
    Membre extrêmement actif Avatar de lodan
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    2 064
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 064
    Points : 682
    Points
    682
    Par défaut Conflit de bouton identique dans un formulaire
    Bonjour,

    Certain de mes formulaires d'affichage de résultat dépasse l'écran et pour éviter à l'utilisateur de paginer s'il veut par exemple faire un retour arrière, je viens de mettre le bouton "retour" en haut et en bas de mon formulaire.

    Là il y a conflit d'intérêt j'ai l'impression :

    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
    <form name="maj" id="recherche" action="{$current_page}" method="post" onsubmit="return Validator.Submit(document.maj,'test()');">
    	<div id="piedForm">
    		<input type="hidden" id="action" name="bouton" value="">
    		<input type="button" onclick="javascript:window.location = 'maj_libelle.php?send_table_id=&send_trt=Ajouter';" value="Ajouter">
    		<input type="button" name="Retour" onclick='envoi(this,this.form.id);' value="Retour">
    	</div>
    	<div id="corpForm">
    		<fieldset id="formulaire">
    		<legend>Résultat</legend>
     
    		</fieldset>
    	</div>
     
    	<div id="piedForm">
    		<input type="hidden" id="action" name="bouton" value="">
    		<input type="button" onclick="javascript:window.location = 'maj_libelle.php?send_table_id=&send_trt=Ajouter';" value="Ajouter">
    		<input type="button" name="Retour" onclick='envoi(this,this.form.id);' value="Retour">
    	</div>
    </form>
    Faudrait-il que je remonte les 1er bouton hors de mon form actuel et d'en créer un autre juste pour les boutons du haut ?

    Merci de me confirmer.

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 906
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 906
    Points : 14 828
    Points
    14 828
    Par défaut
    Un id est unique, or toi tu as deux fois :
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <div id="piedForm">
       <input type="hidden" id="action" name="bouton" value="">
     
    ...

  3. #3
    Membre extrêmement actif Avatar de lodan
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    2 064
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 064
    Points : 682
    Points
    682
    Par défaut
    Grand fainiant devant l'éternel, j'ai fait un simple copier/coller, parce que en plus c'est une class de css.

    Bon aller, je vais faire une nouvelle classe et me corriger.

    Merci, encore

  4. #4
    Membre extrêmement actif Avatar de lodan
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    2 064
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 064
    Points : 682
    Points
    682
    Par défaut
    C'est l'id du <form> que j'ai changé puisque c'est à lui que je fais référence.

    Ce qui donne :

    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
    <form name="majent" id="entete" action="{$current_page}" method="post" onsubmit="return Validator.Submit(document.maj,'test()');">
    	<div id="titreForm">Table - {$tablib}</div>
    	<div id="piedForm">
    		<input type="hidden" id="action" name="bouton" value="">
    		<input type="button" onclick="javascript:window.location = 'maj_libelle.php?send_table_id=&send_trt=Ajouter';" value="Ajouter">
    		<input type="button" name="Retour" onclick='envoi(this,this.form.id);' value="Retour">
    	</div>
    </form>
    <form name="maj" id="recherche" action="{$current_page}" method="post" onsubmit="return Validator.Submit(document.maj,'test()');">
    	<div id="corpForm">
    		<fieldset id="formulaire">
    		<legend>Résultat</legend>
    	...
    		</fieldset>
    	</div>
     
    	<div id="piedForm">
    		<input type="hidden" id="action" name="bouton" value="">
    		<input type="button" onclick="javascript:window.location = 'maj_libelle.php?send_table_id=&send_trt=Ajouter';" value="Ajouter">
    		<input type="button" name="Retour" onclick='envoi(this,this.form.id);' value="Retour">
    	</div>
    </form>
    Pour ce qui est du div, il n'y a pas de conflit, même si la règle est qu'il soit unique.

  5. #5
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 906
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 906
    Points : 14 828
    Points
    14 828
    Par défaut
    Tu as quand même toujours deux input avec le même id ....

    (cf mon premier post)

    Et si jamais tu as un form dans ton corpForm ça fait que tu as :

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <form>
       <form>
       </form>
    </form>
    Et les formulaires ne doivent jamais être imbriqués.

  6. #6
    Membre extrêmement actif Avatar de lodan
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    2 064
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 064
    Points : 682
    Points
    682
    Par défaut
    Je n'ai pas de formulaire imbriqué, donc je n'ai pas de problème.

    Je ne vois pas ce que tu veux dire.

  7. #7
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 906
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 906
    Points : 14 828
    Points
    14 828
    Par défaut
    Ah mais si tu n'as plus de problème tout va bien dans le meilleur des mondes.

    A+ !

  8. #8
    Membre extrêmement actif Avatar de lodan
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    2 064
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 064
    Points : 682
    Points
    682
    Par défaut
    Merci

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

Discussions similaires

  1. créer un bouton "Parcourir" dans un formulaire
    Par friald38 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 05/04/2007, 12h30
  2. bouton tri dans un formulaire
    Par oops1980 dans le forum IHM
    Réponses: 3
    Dernier message: 15/02/2007, 21h09
  3. Inserer un bouton "Browse" dans mon formulaire
    Par ecohen dans le forum Access
    Réponses: 6
    Dernier message: 21/09/2006, 19h27
  4. Alignement boutons radio dans un formulaire en CSS
    Par totijax dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 06/09/2006, 11h02
  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