Texte clignotant en html

Fermé
Signaler
-
 2252 -
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>

5 réponses

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.
11
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 41989 internautes nous ont dit merci ce mois-ci

<blink>...placer ici le texte à faire clignoter...</blink>
Messages postés
9688
Date d'inscription
vendredi 23 avril 2004
Statut
Contributeur
Dernière intervention
2 octobre 2020
1 321
ne fonctionne pas toujours
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é.
et vous appelez ca simple?
pour faire clignoter ton texte sur google tu marque blink html :)
Messages postés
481
Date d'inscription
mardi 12 juin 2007
Statut
Membre
Dernière intervention
6 avril 2010
146
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.
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.
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.
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.
Messages postés
9688
Date d'inscription
vendredi 23 avril 2004
Statut
Contributeur
Dernière intervention
2 octobre 2020
1 321
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 !
Juste au passage pour les non initiés, la balise BLINK est incompatible avec certains navigateurs donc ceci dit, ceci fait, ceci est donc ^^
Messages postés
481
Date d'inscription
mardi 12 juin 2007
Statut
Membre
Dernière intervention
6 avril 2010
146
tu regarde les messages au dessus, tout est mis..
C'est sur le message coloré en vert...