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 clignoter un texte


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Inscrit en
    Septembre 2009
    Messages
    137
    Détails du profil
    Informations forums :
    Inscription : Septembre 2009
    Messages : 137
    Par défaut Faire clignoter un texte
    Bonjour,

    Je voudrais obtenir le clignotement d'un texte lorsqu'on clique sur un bouton.

    Plus précisement, je développe en Java. Lorsque je clique sur un bouton dans mon code java, je voudrais exécuter une commande js (faisant clignoter le texte), avec en paramètre le texte complet qui doit clignoter, sur un page html structuré de la manière suivante :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    div class="header">
    <img class="headerimg" id="edit" src="../images/edit.gif" alt ="Problème" title="Cliquer pour ouvrir la fenêtre d'édition");">
    <p class="headertext">Standard</p>
    </div>
    <div class="content" id="content_standard">
    <p>Ce paragraphe contient la liste des documents d'application obligatoire, c'est-&agrave;- dire contenant les exigences &agrave; satisfaire.</p></div>
    </div>
    Pouvez-vous m'aider pour mon objectif :

    - Obtenir le clignotement d'un texte (j'avais pensé jouer sur le background en le faisant changer de couleur mais comment mettre sur pause durant 0,5s avant un prochain changement de couleur)

    - Repérer le texte correspondant au texte donné en paramètre (ne pouvant pas faire getElementbyId en effet on dispose d'un texte et non pas d'un ID)

  2. #2
    Modérateur
    Avatar de Vil'Coyote
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Par défaut
    Obtenir le clignotement d'un texte (j'avais pensé jouer sur le background en le faisant changer de couleur mais comment mettre sur pause durant 0,5s avant un prochain changement de couleur)
    setTimeout("evenement", tempsenmillisecondes);

    pour le reste je vois pas de trop sauf d'aller découper ton texte pour retrouver ta chaine et ajouter une balise <span></span> avec l'id hitoire de te faciliter les choses. mais bon je pense que d'autres aurons une meilleurs méthode que la mienne.
    la vie n'est pas cirrhose des foies ...

    Avant de poster un message Rechercher n'est pas qu'une option.
    FAQ Web - Tuto Web

  3. #3
    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 658
    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 658
    Billets dans le blog
    1
    Par défaut
    setInterval serait plus approprié pour un clignottement.

    tu peux donc soit faire apparaitre et disparaitre le div
    changer le position d'un background
    modifier la couleur d'une police ...
    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 !

  4. #4
    Membre confirmé
    Inscrit en
    Septembre 2009
    Messages
    137
    Détails du profil
    Informations forums :
    Inscription : Septembre 2009
    Messages : 137
    Par défaut
    J'ai commencé à travailler dessus, j'ai trouvé une technique pour accéder à la balise voulue. Il ne me reste plus qu'à afficher le clignotement. Je reviendrais quand j'aurais réussi pour exposer ma méthode.

  5. #5
    Membre confirmé
    Inscrit en
    Septembre 2009
    Messages
    137
    Détails du profil
    Informations forums :
    Inscription : Septembre 2009
    Messages : 137
    Par défaut
    setInterval() pose des problèmes de compatibilité avec certains navigateurs de version 4. Il est plus sûr d'utiliser setTimeout().

    Sinon le programme marche enfin, il suffisait d'appeler en java, le code javascript de la page html qui fait clignoter :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    var elem = "";
    var time = 0;
     
    function initBlink(pelem, ptime){
        elem = pelem;
        time = ptime;
        setTimeout("setBlink(elem, time)", 500);
    }
     
    function setBlink(){
        if (time > 0) {
            time--;
            elem.style.background = "green";
            setTimeout("setUnblink()", 500);
        }
    }
     
    function setUnblink(){
        elem.style.background = "";
        setTimeout("setBlink()", 500);
    }
    elem étant le l'élement que l'on veut faire clignoter - ex :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById("rouge")

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

Discussions similaires

  1. faire clignoter un texte..
    Par freestyler dans le forum Windows Forms
    Réponses: 6
    Dernier message: 08/03/2007, 17h59
  2. Faire clignoter un texte
    Par stpaul04 dans le forum C++
    Réponses: 5
    Dernier message: 22/11/2006, 01h51
  3. Faire clignoter un texte avec access
    Par ahouba dans le forum IHM
    Réponses: 2
    Dernier message: 27/07/2006, 19h22
  4. Faire clignoter du texte
    Par speedcore dans le forum C
    Réponses: 4
    Dernier message: 10/05/2006, 16h01
  5. [W3C] faire déplacer et faire clignoter un texte avec dreamweaver
    Par bourss dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 16/01/2006, 20h48

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