begin process at 2012 05 28 11:24:29
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Divers

 > 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...


 Information sur la source

Note :
Aucune note
Catégorie :Divers Niveau :Débutant Date de création :03/01/2004 Vu :14 463
Auteur : Bitter1

Ecrire un message privé
Site perso
Commentaire sur cette source (3)
Ajouter un commentaire et/ou une note

 Description

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

  • <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>
<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.


 Sources du même auteur

DES MOTS QUI JONGLENT AVEC LE POINTEUR...
ON BRASSE LES LETTRES, ET UN MESSAGE DU BIENVENUE S'AFFICHE....
DES LETTRES EN VRAC QUI FINISSENT PAR FAIRE UN MESSAGE...
LIENS SOUS FORME DE MESSAGE SE PROMÈNE DE FAÇON ALÉATOIRE......
TEXTE QUI DÉFILE SUR UN BOUTON...
Toutes les sources de Bitter1

 Sources de la même categorie

Source avec Zip Source avec une capture SLIDESHOW IMAGES ET TEXTES EN PUR JAVASCRIPT par ansuzpeorth
Source avec Zip INPUT TEXT AUTOMATIQUE CREATION SUPPRESSION par lycanges
Source avec Zip Source avec une capture TABLE_SV : TABLEAU DYNAMIQUE, MONTRER/CACHER COLONNE SUR DEM... par synanceia
COLONNES ADAPTABLES EN HAUTEUR par dronoide
Source avec Zip VECTEURS ET MATRICES: OUTILS GRAPHIQUES UTILES par william voirol
Toutes les sources de la catégorie Divers

Commentaires et avis

Commentaire de flashfun le 04/01/2004 22:35:35

je l'ai essayé, le texte se met sur 2 ligne et la vitesse est beaucoup trop rapide sur mon ordi.

Commentaire de nico606 le 09/06/2004 22:21:39

vous vous compliqué la tete: la balise marquee le fait:

&lt;marquee width="800"&gt;Hello Nico !!! &lt;img src="http://kidlogis.com/nico606/images/nico606.gif" &lt;/marquee&gt;

et voila le texte defile

Commentaire de josuajuan le 01/08/2008 20:21:41

Elle n'est pas valide XHTML

 Ajouter un commentaire

Nos sponsors


Sondage...

Comparez les prix


Samsung Galaxy Tab (GT-P1000) Tablet PC
Entre 699€ et 699€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,312 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)