Evenement onmouseover executable 1 seule fois

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par tribalwar, 29 Novembre 2015.

  1. tribalwar
    tribalwar WRInaute discret
    Inscrit:
    30 Mars 2010
    Messages:
    95
    J'aime reçus:
    1
    Bonjour,
    Le pb: J'ai un bouton qui lance un téléchargement. Au passage de la souris sur ledit bouton, (onmouseover) une lightbox s'ouvre demandant des informations au viviteur vis un formulaire intégré. Fermeture apres validation et télechargement possible via le bouton. Le soucis, vous l'avez compris est que la box ne doit s'ouvrir qu'une seule fois et non pas à chaque passage sur le bouton.
    Merci pour vos idées
     
  2. FortTrafic
    FortTrafic WRInaute passionné
    Inscrit:
    11 Décembre 2012
    Messages:
    1 210
    J'aime reçus:
    18
    Salut,
    Une simple variable globale (définie à 1) qui est mise à 0 avant d'ouvrir la lightbox. Ce code ne doit s'éxecuter que si la variable vaut 1.
     
  3. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 026
    J'aime reçus:
    291
    Ou unbinder le mouseover une fois qu'il s'est exécuté.
     
  4. tribalwar
    tribalwar WRInaute discret
    Inscrit:
    30 Mars 2010
    Messages:
    95
    J'aime reçus:
    1
    et ca ressemblerait à quoi?
     
  5. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 026
    J'aime reçus:
    291
    Sans nous montrer ce que t'as fait, au pif:
    Vanilla:
    Code:
    document.getElementById('foobar').removeAttribute('onmouseover')
    Vanilla:
    Code:
    document.getElementById('foobar').onmouseover = null;
    jQuery:
    Code:
    $('#foobar').unbind('mouseover');
    jQuery:
    Code:
    $('#foobar').removeAttr('onmouseover');
    etc...
     
  6. tribalwar
    tribalwar WRInaute discret
    Inscrit:
    30 Mars 2010
    Messages:
    95
    J'aime reçus:
    1
    Le code pour le survol

    Pour faire appara&icirc;tre le formulaire, <a href="#" onmouseover="openbox('Titre du formulair'e, 1)">bouton</a>.

    si je veux utiliser le code jquery, quelle variable lui attribuer, faut-il faire apparaitre la box en jquery. Désolé pour ces questions mais sorti fu html et d'un peu de php :oops:
     
  7. FortTrafic
    FortTrafic WRInaute passionné
    Inscrit:
    11 Décembre 2012
    Messages:
    1 210
    J'aime reçus:
    18
    Est-ce que si tu ajoutes ça, ça marche ?

    onmouseover="openbox('Titre du formulaire', 1);this.onmouseover = null;"
     
  8. tribalwar
    tribalwar WRInaute discret
    Inscrit:
    30 Mars 2010
    Messages:
    95
    J'aime reçus:
    1
    non
    sinon, une autre solution serait de faire apparaitre la lightbox à l'ouverture de la page sans survol du bouton et de la fermer par validation du formulaire.
     
  9. FortTrafic
    FortTrafic WRInaute passionné
    Inscrit:
    11 Décembre 2012
    Messages:
    1 210
    J'aime reçus:
    18
    Moi ça marche :
    https://jsfiddle.net/2v6Ld1Lb/

    Passe la souris sur le lien dans la fenetre en bas a droite, ca affiche une alerte, tu fermes l'alerte et la deuxieme fois ca ne l'affiche plus.

    Sinon tu peux aussi mettre l'annulation de l'evenement onmouseover avant l'appel à ta fonction si ca change quelque chose dans ton cas :

    onmouseover="this.onmouseover = null;openbox('Titre du formulaire', 1);"
     
  10. tribalwar
    tribalwar WRInaute discret
    Inscrit:
    30 Mars 2010
    Messages:
    95
    J'aime reçus:
    1
    fonctionne super!!! Merci
     
Chargement...
Similar Threads - Evenement onmouseover executable Forum Date
Installer un évènement sur Google Analytics Google Analytics Vendredi à 09:34
Page évènement (salon) reporté : comment gérer l'URL ? Débuter en référencement 4 Mars 2020
Schema org événements : comment Google choisit les 3 affichés ? Techniques avancées de référencement 3 Septembre 2019
Comment suivre les événements et le trafic en temps réel avec Tag Manager - Analytics Google Analytics 7 Août 2019
Événements à venir et google agenda Débuter en référencement 7 Février 2019
Événement SEO : le SEOByNight 2018 Débuter en référencement 30 Août 2018
Y a-t-il eu un événement Google dans les SERP en juin 2018 ? Référencement Google 6 Juillet 2018
Lieu erroné pour mon évènement sur la SERP Problèmes de référencement spécifiques à vos sites 16 Février 2018
Exporter infos événements GA Google Analytics 13 Février 2018
conseil : site d'organisation pour l'événementiel Demandes d'avis et de conseils sur vos sites 6 Novembre 2017
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice