Créer un compte
Connexion

Textes stylés (Pseudo)Ce que voient les moteurs de rechercheConvertisseur de texte en binaireTextes en Ascii ArtImages en Ascii ArtFaux textes Lorem Ipsum (Lipsum)Boutons de navigationGénérateur d'Emails Anti-Spam (Javascript)Compresseur de Code JavascriptSignatures pour forums
Vous êtes ici: Support du Web > Forum > Sites Web > (X)html/CSS/Javascript > faire clignoter un texte

faire clignoter un texte

Pour créer et répondre aux sujets, vous devez être connecté.
Ce sujet est résolu.
Pages: 1
Auteur Message
leoster
14/12/2008 à 06:22:39
leoster
Membre
 bonjour,

j'ai lu le tuto "faire clignoter un texte"
j'ai tester sur google chrome et sa marche pas, le teste clignote pas
Comment faire?

merci
ybouane
14/12/2008 à 11:24:59
ybouane
Admin
 Salut, il parait que c'est un bug dans google chrome mais selon moi c'est voulu car certaines personne n'aimes pas les choses qui clignotes en tout cas, j'ai remarqué que dans google chrome on ne peut pas désactivé le javascript sinon, je n'ai pas bien cherché. alors la solution parfaite serait le javascript (+ le css).
alors voici le code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Faire clignoter un texte en javascript</title>
<script type="text/javascript">
function blinker(id)
{
        elm = document.getElementById(id);
        setTimeout(function() {setInterval(function () {elm.style.visibility="visible";},1000);},500);
        setInterval(function () {elm.style.visibility="hidden";},1000);
}
</script>
</head>

<body>
<span id="a">
Bonjour
<script type="text/javascript">
blinker('a');
</script>
</span>
</body>
</html>
merci si tu a d'autres question pose les. :)
Image
fplanglois
22/12/2008 à 04:29:30
fplanglois
Membre
 Bravo ybouane <img src="http://www.supportduweb.com/page/designs/1/images/smiley/7.gif" class="smiley" alt="meilleur"/>,

J'ai cherché deux heures durant une solution pour faire clignoter du texte qui soit compatible W3C. Celle-ci est la première qui fonctionne dans tous les cas de figures et très simple à mettre en place.
Je m'inscris sur le forum juste pour pouvoir féliciter l'auteur et lui proposer un défi : modifier le script pour que le clignotement soit un passage alternatif entre deux couleurs de texte (plus lisible que la succession d'allumé éteint).
ybouane
22/12/2008 à 13:23:29
ybouane
Admin
 si j'ai bien compris, tu veut quelque chose comme ça:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Faire clignoter un texte en javascript</title>
<script type="text/javascript">
function blinker(id,c1,c2)
{
        elm = document.getElementById(id);
        setTimeout(function() {setInterval(function () {elm.style.color=c1;},1000);},500);
        setInterval(function () {elm.style.color=c2;},1000);
}
</script>
</head>

<body>
<span id="a">
Bonjour
<script type="text/javascript">
blinker('a','#ff0000','#0000ff');
</script>
</span>
</body>

</html>
sinon explique ce que tu veut dire merci <img src="http://www.supportduweb.com/page/designs/1/images/smiley/1.gif" class="smiley" alt="sourire"/>
Image
fplanglois
28/12/2008 à 06:40:39
fplanglois
Membre
 Il faudrait introduire une notification par mail des réponses, car je n'avais pas vu votre réponse.

Sinon, c'est exactement ce que je souhaitais. Merci !
ybouane
28/12/2008 à 10:20:29
ybouane
Admin
 j'y ai moi aussi pensé (pour la notification) ça arrivera.
Image
Aglzime
24/04/2010 à 15:27:33
Celui qui sacrifie sa liberté pour sa sécurité, ne mérite aucune des deux ! Aglzime
Membre
 Bonjour à tous et à toutes,
Donc si j'ai bien compris, vous voulez faire clignoter un texte
donc je crois pour ça, il faut utiliser du JAVASCRIP
Mettez ce bout du code entre les balaise <HEAD> </HEAD> de votre page:
<script type="text/javascript">
<!--
/*
* Le code suivant va apprendre la balise blink à IE
*/
if ( document.all )
{
        function blink_show()
        {
                blink_tags  = document.all.tags('blink');
                blink_count = blink_tags.length;
                for ( i = 0; i < blink_count; i++ )
                {
                        blink_tags[i].style.visibility = 'visible';
                }
               
                window.setTimeout( 'blink_hide()', 700 );
        }
       
        function blink_hide()
        {
                blink_tags  = document.all.tags('blink');
                blink_count = blink_tags.length;
                for ( i = 0; i < blink_count; i++ )
                {
                        blink_tags[i].style.visibility = 'hidden';
                }
               
                window.setTimeout( 'blink_show()', 250 );
        }
       
        window.onload = blink_show;
}
-->
</script> __________
Puis placer ce code dans la partie désirée de votre page Entre <BODY>et</BODY>:
<blink>ICI VOTRE TEXTE</blink><noscript><a href="http://www.editeurjavascript.com/">ajax</a></noscript> =====================
Source EditeurJavaScript
;)

ybouane
25/04/2010 à 07:10:59
ybouane
Admin
 Bonjour,
@Aglzime: le code que j'avais donné fait la même chose :p

Cordialement :)
Image
Aglzime
26/04/2010 à 11:56:49
Celui qui sacrifie sa liberté pour sa sécurité, ne mérite aucune des deux ! Aglzime
Membre
 Ah ok, j'ai pas fait attention! :(
Désolé!
alecour
22/10/2012 à 12:13:41
alecour
Membre
 bonjour,
Comment faire clignoter plus de 2 couleurs.
function blinker (id,c1,c2,c3)
Si oui, pouvez-vous me donner la syntaxe.
Merci
Pages: 1