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

JavaScript 1.3

  Texte s'affichant au fur et à mesure accéléré

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 se constituera au fur et à mesure mais en accélérant.
  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">
timeID = 10;
stcnt = 16;
message = "Attention ca va de plus en plus vite...";
wmsg = new Array(33);
wmsg[0] = message;
blnk = " ";

for ( i = 1; i < 32; i++ ) {
b = blnk.substring(0,i);
wmsg[i] = "";
for ( j = 0; j < message.length; j++ ) wmsg[i] = wmsg[i] + message.charAt(j) + b;
}

function defileur() {
if ( stcnt > -1 ) str = wmsg[stcnt]; else str = wmsg[0];
if ( stcnt -- < -40 ) stcnt = 31;

window.status = str;
clearTimeout(timeID);
timeID = setTimeout("defileur()",50);
}
</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_ofuracc.zip
    1 Ko
    telechargez le script telechargez le script
    Script séparé :
    status_ofuracc2.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