Texte clignotant en html

minoja -  
 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>
A voir également:

5 réponses

xloadx
 
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.
12
elisafores
 
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
0
FredM92
 
Merci xloadx pour ce morceau de code qui fonctionne impéccablement.
0
ptch
 
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 !
0
Char Snipeur Messages postés 9813 Date d'inscription   Statut Contributeur Dernière intervention   1 299
 
ne fonctionne pas toujours
0
melonique
 
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é.
0
artragis Messages postés 481 Date d'inscription   Statut Membre Dernière intervention   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.
1
minoja
 
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.
0
minoja
 
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.
1
tonytroy
 
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.
0
Char Snipeur Messages postés 9813 Date d'inscription   Statut Contributeur Dernière intervention   1 299
 
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 !
1
xloadx
 
Juste au passage pour les non initiés, la balise BLINK est incompatible avec certains navigateurs donc ceci dit, ceci fait, ceci est donc ^^
0

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

Posez votre question
artragis Messages postés 481 Date d'inscription   Statut Membre Dernière intervention   146
 
tu regarde les messages au dessus, tout est mis..
C'est sur le message coloré en vert...
-1