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 :

determiner durée de mouse over


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Février 2008
    Messages
    47
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 47
    Par défaut determiner durée de mouse over
    Bonjour,
    Dans le cadre d'un projet je suis amener a utiliser javascript.
    Dans ma page j'ai des images et je veux que a chaque fois que la souris passe dessus une fonction s'execute, cela fonctionne.

    Par contre est t'il possible de determiné un délai entre le mouse over et l'exectution de la fonction, je m'explique:

    Est t'il possible de dire:
    si je reste sur mon image pendant 1 seconde alors j'execute la fonction, sinon rien ne se produit? (dans la réalité le temp sera certainement inférieur a 1 secondes)

    Merci de votre coup de pouce

  2. #2
    Membre Expert
    Inscrit en
    Septembre 2002
    Messages
    2 307
    Détails du profil
    Informations forums :
    Inscription : Septembre 2002
    Messages : 2 307
    Par défaut
    fais une recherche sur
    setTimeout

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Février 2008
    Messages
    47
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 47
    Par défaut
    Merci de ta réponse, j'ai commencé a regarder, et a priori sa peut retarder le lancement de ma fonction, mais je ne voit pas comment l'annulé si mon mouseover n'est plus actif avant la fin du setTimeout :s

    Je met un petit bout de code pour que vous puissiez mieux voir:
    mes 2 fonctions:
    <SCRIPT language="Javascript">
    <!--
    function jsTest(rep){
    document.getElementById("flashobject").jsTest(rep)

    }

    function jsEssai(val){
    document.getElementById("flashobject").jsEssai(val)

    }
    //-->
    </SCRIPT>

    le lien de l'image:
    <a href="#" onMouseOver="jsEssai('0'); return false;" onMouseOut="jsTest('0'); return false;"><img src="images/img1.gif" width=100 height=100 border=0></a>

    N'étant pas du tout un utilisateur régulier de javascript, j'avoue ne pas trop savoir comment utiliser setTImeout dans ma configuration :s
    Tout coup de main sera la bienvenue merci d'avance

  4. #4
    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
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" onmouseover="jsTest(1000); return false;" onmouseout="jsTest(0); return false;"><img src="images/img1.gif" width=100 height=100 border=0></a>
    et
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    var timer;
    function jsTest(duree){
    duree==0?clearTimeout(timer):timer = setTimeout(fonction_a_appeler,duree);
    }
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

Discussions similaires

  1. Faire apparaitre du texte avec un mouse over
    Par zooffy dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 06/04/2008, 19h56
  2. [Traitement d'image] Galerie photo en mouse over
    Par heteroclite dans le forum Webdesign & Ergonomie
    Réponses: 3
    Dernier message: 19/03/2008, 17h31
  3. Réponses: 1
    Dernier message: 02/02/2008, 08h39
  4. Les images clignotes lors du Mouse over
    Par The Bat ! dans le forum C++Builder
    Réponses: 4
    Dernier message: 30/05/2005, 10h37
  5. Equivalent on mouse over en CSS
    Par pmithrandir dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 25/04/2005, 14h10

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