Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

JavaScript 1.3

  Texte défilant

fonction de ce script  principe de ce script  le script lui-meme  demonstration du script  telechargement du script

  Fonction
Le but de ce script est de placer en permanence un texte dans la barre d'état de la page. Ce texte défilera à la façon d'un prompteur.
  Principe
Une instruction simple permet d'accéder à la barre d'état du navigateur : window.status.
Pour afficher un texte dès le chargement de la page, il suffit d'utiliser une fonction qui place un texte dans la barre d'état et de lancer cette fonction au chargement de la page.
Pour le faire défiler, quelques instructions simples suffisent.
  1. Quelques variables :
    • une pour connaître l'état du défilement,
    • une pour faire une pose entre deux passage du message,
    • une pour placer le démarrage du message dans la barre d'état,
    • une dernière pour... le texte à faire défiler.
  2. Deux fonctions :
    • la principale pour faire avancer le message dans la barre d'état,
    • une 'annexe' (non nécessaire) pour déterminer l'emplacement du départ du texte.
  Le script
dans la partie <head>
<script language="JavaScript">
// retardateur = servira à enchaîner les défilements
var retardateur;

// encours = donne l'état du défilement
var encours = false;

// delaiattente = délai d'attente entre 2 passages du texte
var delaiattente = 25;

// marge = emplacement ou démarre le texte
var marge = 50;

// message = devinez...
var message = "Le texte a faire defiler...";
// cette fonction permet de faire démarrer le texte plus loin que la gauche de la barre d'état elle peut être supprimée mais le défilement ne permettra pas la lecture du debut du message. Si elle est supprimée, il faut dans le body, appeler la fonction defilement()
function defileur(texte) {
var i = 0;
for (i = 0 ; i < marge ; i++) message = " " + message;
encours = true;
retardateur = window.setTimeout("defilement(0)",delaiattente);
}

// cette fonction est le défilement à proprement parler
function defilement(position) {
encours = false;
if (position < message.length) window.status = message.substring(position, message.length);
else position = -1;
++position;

encours = true;
retardateur = window.setTimeout("defilement("+position+")",delaiattente);
}
</script>

dans la partie <body>
<body onload="defileur();">

Contenu de la page...

</body>
  Démonstration

Voir la démonstration

  Téléchargement
Ce script est disponible en deux versions :
  • le script est intégré à la page où il agit,
  • le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

    L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
    Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.
  • Script intégré :
    status_defilant.zip
    1 Ko
    telechargez le script telechargez le script
    Script séparé :
    status_defilant2.zip
    1 Ko
    Recherche
    aide sur la recherche
    hit-parade
    Votez TOP Ouaibe !

    statistiques
    aide sur les contacts aide sur la mailing-list aide sur la newsletter