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 :

Récupération du nom du bouton submit


Sujet :

JavaScript

  1. #1
    Membre averti
    Inscrit en
    Janvier 2004
    Messages
    533
    Détails du profil
    Informations forums :
    Inscription : Janvier 2004
    Messages : 533
    Points : 313
    Points
    313
    Par défaut Récupération du nom du bouton submit
    Bonjour,

    Je possède 2 boutons (2 input de type submit) sur mon formulaire : "Enregistrer" et "Supprimer".
    Lors de l'évènement onSubmit, j'aimerais afficher une boite de dialogue lorsque l'utilisateur clique sur Supprimer...

    Comment puis-je récupérer le nom du bouton que l'utilisateur a pressé ?

    Merci d'avance !
    @+
    N'oubliez pas le tag .
    Merci de ne pas envoyer de MP pour des problèmes techniques.

  2. #2
    Membre confirmé Avatar de mathieugamin
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    572
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France

    Informations forums :
    Inscription : Octobre 2006
    Messages : 572
    Points : 627
    Points
    627
    Par défaut

    tu leur attribues un id à chacun et ensuite tu récupères leur valeur.
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <input type="submit" id="soumission" onclick="nom(this.id)" value="Valider" />
    <input type="submit" id="suppression" onclick="nom(this.id)" value="Supprimer" />
    ensuite, un simple script du genre
    Code Javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    <script type="text/javascript">
    //<![CDATA[
    function nom(id){
    	var n = document.getElementById(id);
    	var val = n.value;
    	alert(n.value);
    }
    //]]>
    </script>
    et woilà !

    Cependant, je te conseillerais plutôt d'utiliser des "button" car sinon quel que soit l'input que tu clickeras, ton formulaire sera validé ....

    Bon courage
    GAMIN !!!!
    _______________________________________________
    PHP 5.2 | Apache 2 | MySQL 5 | WinXP Pro | Mac OSX

  3. #3
    Membre averti
    Inscrit en
    Janvier 2004
    Messages
    533
    Détails du profil
    Informations forums :
    Inscription : Janvier 2004
    Messages : 533
    Points : 313
    Points
    313
    Par défaut
    Merci pour ton aide : je vais voir ce que je peux faire avec tout ça !
    N'oubliez pas le tag .
    Merci de ne pas envoyer de MP pour des problèmes techniques.

  4. #4
    Membre confirmé Avatar de mathieugamin
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    572
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France

    Informations forums :
    Inscription : Octobre 2006
    Messages : 572
    Points : 627
    Points
    627
    Par défaut
    Alors? ! c'est bon ?
    GAMIN !!!!
    _______________________________________________
    PHP 5.2 | Apache 2 | MySQL 5 | WinXP Pro | Mac OSX

  5. #5
    Membre averti
    Inscrit en
    Janvier 2004
    Messages
    533
    Détails du profil
    Informations forums :
    Inscription : Janvier 2004
    Messages : 533
    Points : 313
    Points
    313
    Par défaut
    Oui, mais en y réfléchissant bien, si l'utilisateur désactive le Javascript, cela ne fonctionne plus non ?
    N'oubliez pas le tag .
    Merci de ne pas envoyer de MP pour des problèmes techniques.

  6. #6
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Points : 2 351
    Points
    2 351
    Par défaut
    Salut,

    tu peux traiter ça aussi coté serveur. Sachant que seul le bouton submit
    sur lequel on a cliqué est envoyé en tant que paire nom=valeur
    Si ton code fait plus d'une ligne, c'est que tu as mal choisi ton langage !

  7. #7
    Membre confirmé Avatar de mathieugamin
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    572
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France

    Informations forums :
    Inscription : Octobre 2006
    Messages : 572
    Points : 627
    Points
    627
    Par défaut
    u peux traiter ça aussi coté serveur. Sachant que seul le bouton submit
    sur lequel on a cliqué est envoyé en tant que paire nom=valeur
    Exactement, c'est d'ailleurs conseillé en général de réaliser les opérations en les vérifiant côté serveur... Tout dépend de qui utilisera ton programme.

    Si c'est toi seul (zone d'admin par exemple), pas de souci... (et encore que...) mais si tu dois faire intervenir un visiteur/utilisateur il est vivement recommandé de NE PAS utiliser JS.

    A+
    GAMIN !!!!
    _______________________________________________
    PHP 5.2 | Apache 2 | MySQL 5 | WinXP Pro | Mac OSX

Discussions similaires

  1. [PHP-JS] Connaître le nom du bouton submit cliqué
    Par fabrice1596 dans le forum Langage
    Réponses: 6
    Dernier message: 08/03/2006, 08h59
  2. Réponses: 8
    Dernier message: 09/03/2005, 10h47
  3. Transormer un lien bouton submit avec nom et valeur ?
    Par boteha dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 20/02/2005, 19h23
  4. [JSP] récupération de l'origine du submit
    Par Jovial dans le forum Servlets/JSP
    Réponses: 4
    Dernier message: 26/04/2004, 09h40
  5. Récupération des noms de champs d'une table
    Par Battomura dans le forum SQL
    Réponses: 2
    Dernier message: 24/03/2003, 10h00

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