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

JavaScript 1.3
Barre d'état

  Texte s'affichant au fur et à mesure

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.
  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 se constituer au fur et à mesure, quelques instructions simples suffisent.
  1. Quelques variables :
    • une pour le message lui-même,
    • une pour le morceau de message qui se déplace,
    • une pour créer ce morceau,
    • une dernière pour le texte constitué au fur et à mesure.
  2. Une fonction :
    • elle découpe le message, envoie les morceaux et créé le message final avant de recommencer.
  Le script
dans la partie <head>
<script language="JavaScript">
// message = devinez...
var message = "Le message se constitue au fur et à mesure...";

// str = c'est le morceau de message qui se déplace
var str = "";

// msg = c'est le message au fur et à mesure qu'il doit se constituer
var msg = "";

// leftmsg = c'est le message au fur et à mesure qu'il se constitue
var leftmsg = "";

function defileur() {
if (msg == "") {
str = " ";
msg = message;
leftmsg = "";
}
if (str.length == 1) {
while (msg.substring(0, 1) == " ") {
leftmsg = leftmsg + str;
str = msg.substring(0, 1);
msg = msg.substring(1, msg.length);
}
leftmsg = leftmsg + str;
str = msg.substring(0, 1);
msg = msg.substring(1, msg.length) ;
for (var ii = 0; ii < 120; ii++) {
str = " " + str;
}
}
else {
str = str.substring(30, str.length);
}
window.status = leftmsg + str;

// Délai d'attente avant d'envoyer une lettre (en millisecondes)
setTimeout('defileur()',25);
}
</script>

dans la partie <body>
<body onload="setTimeOut('defileur()',100);">

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_ofur.zip
    1 Ko    		 telechargez le script telechargez le script
    Script séparé :
    status_ofur2.zip
    1 Ko
    Recherche
    		aide sur la recherche
    CSS 2
    DHTML
    HTML 4
    Références
    Aide générale
    hit-parade
    Votez TOP Ouaibe !

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