Rechercher : dans
Par :

Texte clignotant en html

Dernière réponse le 9 nov 2009 à 14:19:29 minoja, le 15 avr 2008 à 14:47:27 
 Signaler ce message aux modérateurs

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>
</html>

Configuration: Windows XP
Internet Explorer 7.0

Meilleures réponses pour « texte clignotant en html » dans :
[FreeMind] Publier une mindmap dans une page web VoirFreeMind est un logiciel de mindmapping. Vous avez plusieurs possibilités pour publier votre mindmap dans une page web. Flash applet Java Simple image PNG HTML+Javascript (texte seulement) HTML+Javascript (texte+icônes) HTML+Javascript...
Les balises HTML VoirHTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte...
Caractères spéciaux HTML VoirCodage des caractères spéciaux Le standard HTML demande de respecter le codage des caractères ASCII 7 bits, c'est-à-dire que les caractères accentués ne sont pas autorisés. Il faut pour cela utiliser un codage particulier. Pour...
Positionner des éléments grâce aux CSS VoirIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...

1

artragis, le 15 avr 2008 à 14:52:54

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.

Répondre à artragis

2

minoja, le 15 avr 2008 à 14:59:44
  • +1

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>

Répondre à minoja

3

minoja, le 15 avr 2008 à 15:11:07

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>

Répondre à minoja

4

tonytroy, le 21 avr 2008 à 18:33:55
  • +2

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

[code]
<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()">

...
/code

Et bon courage pour la suite.

Répondre à tonytroy

5

 xloadx, le 9 nov 2009 à 14:19:29

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;
}
}

Répondre à xloadx