Texte clignotant en html

Fermé

minoja - Modifié le 21 avril 2008 à 18:33
2252 - 17 août 2014 à 23:24

Bonjour,
s'il vous plait est ce que vous pouvez me corriger ce code html pour que le texte clignotant marche?
voici mon code html:

<html>
<head>
<title>
page0
</title>
</head>
<body ><font FACE="Monotype corsiva" color="mediumvioletred ">
<marquee id="scroller" scrollamount="7" direction="left" 
onmouseover="javascript:scroller.stop()" onmouseout="javascript:scroller.start()"> 

<H1>


<IMG SRC ="j5.JPG" width="80" HEIGHT="90" align=CENTER>
<IMG SRC ="j9.JPG" width="100" HEIGHT="90" align=CENTER>
<IMG SRC ="j19.JPG" width="100" HEIGHT="90" align=CENTER>



<I><G><blink>LIVRES EN LIGNE</blink>

<IMG SRC ="j15.JPG" width="80" HEIGHT="90" align=CENTER>



<IMG SRC ="j17.JPG" width="100" HEIGHT="90" align=CENTER>
<IMG SRC ="j10.JPG" width="80" HEIGHT="90" align=CENTER>
<IMG SRC ="j6.JPG" width="80" HEIGHT="90" align=CENTER>
</I></G>

</H1>
</marquee> 
</body>

EDIT: Ajout de la coloration syntaxique.

</html>

A voir également:

Comment faire clignoter un texte en html
Comment retranscrire un entretien audio en texte - Guide
Mettre un texte en majuscule - Guide
Excel cellule couleur si condition texte - Guide
Editeur html - Télécharger - HTML
Comment traduire un texte en photo - Guide

5 réponses

Réponse 1 / 5

xloadx
Modifié par Whismeril le 10/07/2015 à 06:41

Voici un petit bout de code qui fonctionne sous Firefox et IE, simplifié à l'extrême avec une petite fonction pour éviter les répétitions d'appels de l'ID d'un objet:

var cligne = 0;
var inter = setInterval('fonc_blink();',1000);

function sonID(objID)
{
 return document.getElementById(objID);
}
function fonc_blink()
{
 cligne++;
  
 if( cligne == 1 )
 {
   sonID('clignotant').style.visibility = 'hidden';
   cligne = 1;
 }
 if( cligne == 2 )
 { 
   sonID('clignotant').style.visibility = 'visible';
   cligne = 0;
 } 
}

EDIT: Ajout de la coloration syntaxique.

elisafores
27 févr. 2010 à 22:19

Je n'y connais pas grand chose en informatique et j'ai besoin de mettre un texte clignotant dans un site ouvert avec IE et FF. Je ne sais pas comment faire pour exploiter vos informations. Il serait souhaitable d'être plus explicite pour des novices. Merci

FredM92
11 mars 2010 à 10:20

Merci xloadx pour ce morceau de code qui fonctionne impéccablement.

ptch
Modifié par ptch le 9/04/2011 à 19:25

je vais utiliser peut êtr votre code dans mon site non commercial d'artisan, merci de me faire savoir si vous êtes sous
licence cc nc by nd et d'accord !

Char Snipeur Messages postés 9813 Date d'inscription vendredi 23 avril 2004 Statut Contributeur Dernière intervention 3 octobre 2023 1 298
14 nov. 2011 à 16:44

ne fonctionne pas toujours

melonique
15 nov. 2011 à 06:12

La commande <blink> ne fonctionnent que sur
Firefox 1, 2
Mozilla 1
Netscape 2, 3, 4, 6, 7, 8

C'est à dire, rien à jour et rien qui n'est plus utilisé.

Réponse 2 / 5

artragis Messages postés 481 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 6 avril 2010 146
15 avril 2008 à 14:52

remblace <g><blink></blink></g> par <g style="text-decoration : blink;"></g>
ensuite ça ne fonctionnera que sur firefox, IE ne connaissant pas le textclgnotant en tant que style mais avec un javascript tu pourras.

minoja
Modifié le 21 avril 2008 à 18:33

j'ai ce code la mais ça marche pas,ou es ce que je mets ce code et est ce que je dois installer un logiciel pour qu'il marche?j'ai seulement dreamweaver MX 2004,merci

Voici le script à introduire entre les balises <head> et </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>

Et entre </body> et </body>:

<blink>C'est nouveau ça?</blink>

EDIT: Ajout de la coloration syntaxique.

Réponse 3 / 5

minoja
Modifié le 21 avril 2008 à 18:33

s'il vous plait aidez moi: voila le code avec jave script:désolée pour le dérangement

<html>
<head>
<title>
page0
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>
</title>
</head>
<body >

<blink>Bienvenue dans mon projet</blink>
<font FACE="Monotype corsiva" color="mediumvioletred ">
<marquee id="scroller" scrollamount="7" direction="left" 
onmouseover="javascript:scroller.stop()" onmouseout="javascript:scroller.start()"> 

<H1>


<IMG SRC ="j5.JPG" width="80" HEIGHT="90" align=CENTER>
<IMG SRC ="j9.JPG" width="100" HEIGHT="90" align=CENTER>
<IMG SRC ="j19.JPG" width="100" HEIGHT="90" align=CENTER>



<I><G style="text-decoration:blink;">LIVRES EN LIGNE</G>

<IMG SRC ="j15.JPG" width="80" HEIGHT="90" align=CENTER>



<IMG SRC ="j17.JPG" width="100" HEIGHT="90" align=CENTER>
<IMG SRC ="j10.JPG" width="80" HEIGHT="90" align=CENTER>
<IMG SRC ="j6.JPG" width="80" HEIGHT="90" align=CENTER>
</I></G>

</H1>
</marquee> 
</body>
</html>

EDIT: Ajout de la coloration syntaxique.

tonytroy
Modifié par Whismeril le 10/07/2015 à 06:43

Bonjour,

passons outre les quelques erreurs HTML de base, tu as placé ton code Javascript dans le titre de ta page (les balises <title> et </title>).

Le vrai problème vient surtout du fait que tu ne déclare pas ton Javascript (avec <script>), néanmoins tu le ferme (avec </script>) !

Voici le code qui devrait fonctionner

<html> 
<head> 
<title> 
page0 
</title>

<script language="javascript">
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> 

</head> 

<body> 

<blink>Bienvenue dans mon projet</blink> 
<font FACE="Monotype corsiva" color="mediumvioletred "> 
<marquee id="scroller" scrollamount="7" direction="left" 
onmouseover="javascript:scroller.stop()" onmouseout="javascript:scroller.start()">

...

Et bon courage pour la suite.

EDIT: Ajout de la coloration syntaxique.

Réponse 4 / 5

Char Snipeur Messages postés 9813 Date d'inscription vendredi 23 avril 2004 Statut Contributeur Dernière intervention 3 octobre 2023 1 298
11 mars 2010 à 11:07

Il existe déjà une balise qui fait ça non ?
https://www.commentcamarche.net/contents/503-les-balises-de-style
<BLINK>
Et encore, c'est vieux !

xloadx
13 mars 2010 à 21:38

Juste au passage pour les non initiés, la balise BLINK est incompatible avec certains navigateurs donc ceci dit, ceci fait, ceci est donc ^^

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 5

artragis Messages postés 481 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 6 avril 2010 146
28 févr. 2010 à 08:25

tu regarde les messages au dessus, tout est mis..
C'est sur le message coloré en vert...

Discussions similaires

Trouver le mot réellement écrit en lettres capitales PIX

Formule Excel : "SI" une cellule contient un mot, alors ?

copie de texte

adele

Espace en HTML