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 :

affecter plusieurs évènements à un même bouton


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Femme Profil pro
    Étudiant
    Inscrit en
    Août 2012
    Messages
    324
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Opérateur de télécommunications

    Informations forums :
    Inscription : Août 2012
    Messages : 324
    Points : 13
    Points
    13
    Par défaut affecter plusieurs évènements à un même bouton
    Bonsoir,
    J'ai un bouton dans un formulaire qui exécute un fichier php lorsqu'il est cliqué.
    le fichier php permet de tester plusieurs scénario d'erreurs pendant l'inscription de l'utilisateur.

    Je voudrais utiliser l'évènement onclick de js pour afficher des boites d'alertes de ou confirmations en fonction de l'erreur commise donc la valeur de onclick va être dynamique

    mon bouton est le suivant:
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <form  action="register.php" autocomplete="on" method="post"> 
    <p class="signin button"> 
           <input type="submit" name ="signin" value="Sign up"/> 
         </p>
    </form>

    Un exemple de scénario d'erreur présent dans mon fichier register.php est:
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <?php
    if($Password != $Re_Password)
    {
     ?>
      <script type="text/javascript">
       document.getElementById("signin").setAttribute("onclick","alert('Invalid email syntax.\nPlease enter your account.')");
      </script>
    <?php
    }

    mais ce code ne fonctionne pas.
    Comment faire?
    merci

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Points : 15 059
    Points
    15 059
    Par défaut
    Bonjour,

    1- tu utilises getElementById or que ton input n'a pas d'attribut id.
    2- Il faut attendre que l'élément est chargé dans le DOM avant de l'utiliser.
    3-
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById("idDeLelement").onclick = function() {alert("banana");}
    A+.

  3. #3
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Heu... j'ai un peu de mal à comprendre ce que tu veux faire au juste... En fait, je crois surtout que tu ne comprends toujours pas la portée de JavaScript et de PHP.

    Dans le code PHP que tu montres, tu parles de variables $Password et $Re_Password. On peut donc s'attendre à ce que ce soient les valeurs reçues du formulaire, mais dans ce cas, le bouton submit a très probablement déjà été cliqué !
    Donc tu auras du mal à lui affecter des événements.

  4. #4
    Membre à l'essai
    Femme Profil pro
    Étudiant
    Inscrit en
    Août 2012
    Messages
    324
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Opérateur de télécommunications

    Informations forums :
    Inscription : Août 2012
    Messages : 324
    Points : 13
    Points
    13
    Par défaut
    j'ai ajouté l'id "register" au bouton dans la page html.
    J'ai ajouté ton code dans le fichier php mais ça ne fonctionne pas.

  5. #5
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Points : 15 059
    Points
    15 059
    Par défaut
    Ce code n'est qu'un exemple d'affectation d'une fonction à un élément. Il y a les autres remarques à prendre en compte et surtout celui de Bovino.

    A+.

  6. #6
    Membre à l'essai
    Femme Profil pro
    Étudiant
    Inscrit en
    Août 2012
    Messages
    324
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Opérateur de télécommunications

    Informations forums :
    Inscription : Août 2012
    Messages : 324
    Points : 13
    Points
    13
    Par défaut
    @Bovino
    je n'ai pas vu ton message, maintenant que je vien de le lire, je me rend compte que tu as raison car j'essaie d'affecter une boite d'alerte à un bouton déja cliqué.

    Je reformule alors: Comment est ce que je pourrais faire pour que lorsque le bouton est cliqué, la vérification des password est réalisée et en fonction du résultat la boite d'alerte est lancée?

  7. #7
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Points : 15 059
    Points
    15 059
    Par défaut
    Ajax.

  8. #8
    Membre à l'essai
    Femme Profil pro
    Étudiant
    Inscrit en
    Août 2012
    Messages
    324
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Opérateur de télécommunications

    Informations forums :
    Inscription : Août 2012
    Messages : 324
    Points : 13
    Points
    13
    Par défaut
    J'ai trouvée une solution en javascript. le seul ennui (qui est d'ailleur d'ordre esthétique) est que mes boites d'alertes s'affichent indépendemment de la page web courrante)
    j'aurais voulu qu'elle s'affiche sur le formulaire d'inscription (c'est à dire en le cachant partiellement tel est le cas de la plupart des sites web).

  9. #9
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Points : 15 059
    Points
    15 059
    Par défaut
    Pour intéroger le serveur sur la validitée du mot de passe, si tu ne veux pas que la page se recharge, tu dois utiliser AJAX. C'est ceux que font les autres.

    A+.

Discussions similaires

  1. [AC-2007] affecter une valeur à plusieurs champs en même temps
    Par pepper18 dans le forum Requêtes et SQL.
    Réponses: 3
    Dernier message: 21/01/2010, 11h11
  2. Plusieurs évènements javascript pour une même action
    Par niacinside dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 16/06/2008, 14h56
  3. Réponses: 3
    Dernier message: 30/05/2008, 09h03
  4. plusieurs actions pour un même bouton
    Par piotrr dans le forum Tkinter
    Réponses: 1
    Dernier message: 27/04/2007, 10h17
  5. Réponses: 20
    Dernier message: 21/07/2005, 17h21

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