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

Commenter

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

S'inscrire maintenant

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.

Du même auteur (Bitter1)