1. Accueil
  2. Tous les snippets
  3. Snippets Javascript
  4. Texte défilant dans petit tableau plutôt que dans la barre d'état...

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

0/5 (3 avis)

Snippet vu 16 583 fois - Téléchargée 31 fois

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

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
1 août 2008 à 20:21
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 2
9 juin 2004 à 22:21
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
4 janv. 2004 à 22:35
je l'ai essayé, le texte se met sur 2 ligne et la vitesse est beaucoup trop rapide sur mon ordi.
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)