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 :

faire un bouton clignotant


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Inscrit en
    Juillet 2006
    Messages
    747
    Détails du profil
    Informations forums :
    Inscription : Juillet 2006
    Messages : 747
    Par défaut faire un bouton clignotant
    Bonjour a tous

    Comme dit dans le titre, je voudrais faire un bouton clignotant en javascript pen dant 5 secondes. Je ne veux pas que seul le texte clignote mais bien tout le bouton. Je ne maitrise pas assez le javascript pour savoir comment faire ça.

    Si quelqu'un a une idée ...

    Merci beaucoup

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    dans un setInterval

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    function clignotte(obj){
    setInterval(function(){obj.style.visibility=	(obj.style.visibility=='visible')?'hidden':'visible';},1000)
    }
    </script>
    </head>
    <body>
    <input id="me" type="button" value="hop"  onclick="clignotte(this)" style="visibility:visible" />
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre éclairé
    Inscrit en
    Juillet 2006
    Messages
    747
    Détails du profil
    Informations forums :
    Inscription : Juillet 2006
    Messages : 747
    Par défaut
    Super, merci SpaceFrog, ça marche vraiment bien mais j'aimerais faire en sorte qu'il s'arrete de clignoter au bout de 5 secondes. Je dois utiliser la fonction ClearInterval non ?

  4. #4
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    63
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 63
    Par défaut
    " Super, merci SpaceFrog, ça marche vraiment bien mais j'aimerais faire en sorte qu'il s'arrete de clignoter au bout de 5 secondes. Je dois utiliser la fonction ClearInterval non ? "


    Oui , mais dans de cas là tu fais ca :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    var timer = setInterval(etc,temps);
    setTimeout("clearInterval(timer);",5000);

  5. #5
    Membre éclairé
    Inscrit en
    Juillet 2006
    Messages
    747
    Détails du profil
    Informations forums :
    Inscription : Juillet 2006
    Messages : 747
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <html>
    <head>
    <script>
    	function clignotte(obj){
    		var timer = setInterval(function(){obj.style.visibility = (obj.style.visibility=='visible')?'hidden':'visible';},500);
    		setTimeout("clearInterval(timer);",5000);
    	}	
     
     
    </script>
    </head>
    <body>
    <input id="me" type="button" value="hop"  onclick="clignotte(this)" style="visibility:visible"/>
    </body></html>
    Dsl mais ca marche pas

  6. #6
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    63
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 63
    Par défaut
    o_0 Bizarre ! Je vois pas pourquoi ca marcherais pas là

    Ou alors au lieu de faire function(){...} , essayes de faire
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    function clignotte(obj)
    {
     
     function clignotter()
     {
     obj.style.visibility = (obj.style.visibility=='visible')?'hidden':'visible';
     }
    		var timer = setInterval("clignotter();",500);
    		setTimeout("clearInterval(timer);",5000);
    }

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

Discussions similaires

  1. [Débutant] Comment faire un bouton qui clignote sur vb
    Par didyfatima dans le forum VB.NET
    Réponses: 3
    Dernier message: 23/09/2011, 11h37
  2. utiliser des morceaux d'une image pour faire des boutons
    Par Battosaiii dans le forum Interfaces Graphiques en Java
    Réponses: 7
    Dernier message: 14/12/2005, 00h05
  3. Comment faire un bouton multi-choix ?
    Par richard038 dans le forum Composants VCL
    Réponses: 9
    Dernier message: 03/10/2005, 21h58
  4. Réponses: 1
    Dernier message: 22/09/2005, 16h15
  5. [FLASH MX2004] Problème pour faire un bouton play
    Par melanie075 dans le forum Flash
    Réponses: 13
    Dernier message: 16/12/2004, 22h55

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