Texte défilant dans petit tableau plutôt que dans la barre d'état...

Soyez le premier à donner votre avis sur cette source.

Snippet vu 16 246 fois - Téléchargée 29 fois

Contenu du snippet

Plutôt que de faire défiler du texte dans la barre d'état pourquoi ne pas le faire défiler dans un petit tableau.

Source / Exemple :


<html>
<head>
<script language="JavaScript" type="text/JavaScript">
mes = "     Ce petit message "; // ici on change le message
mes += "vous souhaite la bienvenue. ";
mes = "Mais vous pouvez le changer..." + mes;
pos = 0;
function TopMessage() {
   var nouvtext = mes.substring(pos, mes.length) + mes.substring(0, pos);
   var td = document.getElementById("scroll");
   td.firstChild.nodeValue = nouvtext;
   pos++;
   if (pos > mes.length) pos = 0;
   window.setTimeout("TopMessage()",100); // on change la vitesse
}
</script>
<script>

function Essai_start() {clearInterval(Essai.sttm);Essai_init();if (arguments.length>0) Essai_init2(arguments[0]);Essai.sttm=setInterval ("doEffect('Essai')",10);}

function Essai_stop() {clearInterval(Essai.sttm);window.status="";}

Essai_init();

function Essai_init() {Essai={stel:0,stft:"Voilà c'est comme ça ?",stec:1,stcel:1,stce:-1,stcl:-1,stls:-1,stcs:0,sttg:0,stea:["Essayez dans un petit tableau c'est bien aussi !!!",8,16,1]};}

function Essai_init2 (en) {Essai.stea=[Essai.stea[(en-1)*4],Essai.stea[(en-1)*4+1],Essai.stea[(en-1)*4+2],Essai.stea[(en-1)*4+3]];Essai.stec=1;Essai.stel=0;}

function doEffect(es) {var s=eval(es);if (s.stce==s.stec) {if (s.stcel==s.stel) {clearInterval(s.sttm);window.status=s.stft;return;} else {if (s.stel>0) s.stcel++;s.stce=-1;s.stcl=s.stls;}}if (s.stcl==s.stls) {s.stce++;s.sttx=s.stea[s.stce*4];s.sttp=s.stea[s.stce*4+1];s.stsd=s.stea[s.stce*4+2];s.stls=s.stea[s.stce*4+3];s.stcl=0;s.stsp=1;s.sttg=0;}if (21-s.stsd-s.sttg==0) {var stres=eval("stEffect"+s.sttp+"(s.sttx,s.stsp++,es);");s.sttg=0;if (stres!="") window.status=stres;else {s.stcl++;s.stsp=1;}}s.sttg++;}

function stEffect8(text,step){if (text.length/2+3<step) return "";if (step<3) return text;for (var i=3,s=""; i<step; i++,s+=" ");return s+text.substring(0,text.length/2-step+3)+text.substring(text.length-text.length/2+step-3,text.length);}

Essai_start();
</script>
</head>
<body onLoad="TopMessage();"><body bgcolor="#cccccc">
<h2><font color=red>Message défilant</font></h2>
<p><font color=blue size=+1>Remplacé le défilement
dans la barre d'état par un défilement dans un petit
tableau.</font></p>
<center>
<table width="60%" border>
<tr></center>
<td ID="scroll" width="90%"> Emplacement du message défilant.</td>
</tr>
</table>
</body>
</html>

Conclusion :


Bien sur vous avez le choix puisqu'il y a les deux.

A voir également

Ajouter un commentaire

Commentaires

josuajuan
Messages postés
4
Date d'inscription
samedi 10 novembre 2007
Statut
Membre
Dernière intervention
1 août 2008
-
Elle n'est pas valide XHTML
nico606
Messages postés
270
Date d'inscription
mercredi 5 novembre 2003
Statut
Membre
Dernière intervention
11 septembre 2004
-
vous vous compliqué la tete: la balise marquee le fait:

<marquee width="800">Hello Nico !!!

et voila le texte defile
flashfun
Messages postés
296
Date d'inscription
mercredi 10 septembre 2003
Statut
Membre
Dernière intervention
11 septembre 2004
-
je l'ai essayé, le texte se met sur 2 ligne et la vitesse est beaucoup trop rapide sur mon ordi.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.