Défilement de texte dans la barre de status

Table des matières

Défilement de texte dans la barre de status

Pour faciliter les explications, nous allons employer une convension. Le texte qui sera écrit en noir sera du code HTML, celui en vert sera du javascript et celui en rouge sera soit du javascript soit du HTML à changer en fonction de vos besoins.

Je vais procéder par étape lorsque je vais faire les changements. Ne vous surprenez pas si je réécrit des portions de script. vous remarquerez que les éléments à changer ne seront pas les mêmes (texte rouge).

Code Source

Habituellement, les fonctions javascript se définissent dans l'entête de la page web dans lesquelles elles vont être appelées. Ici, nous retrouvons une fonction : scroll().

Cet exemple est très simple à utiliser. Vous n'avez qu'à changer le message que vous voulez voir apparaître dans la barre de statut. Le texte à changer est écrit en rouge.

<HEAD>

<!--- Cacher le script aux anciens navigateurs.

var id,pause=0,position=0;

function scroll() {

// Déclaration de variables

var i,k,message=msg="Entrer votre premier message."

+" "

+"Entrer votre deuxième message."

+" "

+"Entrer autant de messages que vous voulez!"

+" ";

// increase msg
if (msg.length>=77) k=1;
else k=(77/msg.length)+1;
for (i=0; i<k; i++) msg+=" "+msg;

// Afficher le message dans la barre de status
window.status=msg.substring(position,position+77);
// set new position
if(position++==message.length) position=0;

// repeat at entered frequency
id=setTimeout("scroll()",120); }

// end hiding from old browsers -->

</SCRIPT>

</HEAD>

N'oubliez pas d'ajouter l'attrubue onLoad à la balise BODY!

Vous avez toutes les informations pour réussir à faire un menu dont les images changent lorsque la souris passe dessus. Si vous avez des questions, n'hésitez pas à nous les poser dans le forum de discussion!