Bannière (script)

Si vous désirez incorporer une bannière dans une de vos pages HTML, voici l'assistant nécessaire...

Pour lancer l'assistant, cliquez sur le bouton Bannière (script) de l'onglet Javascript...

1. Bannière réalisée par l'assistant


2. Étapes de réalisation avec l'assistant

3.Scripts et éléments insérés

a) Dans la section <HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- debut du script
var posBan1=0, ban1, delaiBan1, msgBan1;
function banniere1(delai) {
delaiBan1 = delai;
if (posBan1 >= msgBan1.length)
posBan1 = 0;
else if (posBan1 == 0) {
msgBan1 = ' ' + msgBan1;
while (msgBan1.length <128)
msgBan1 += ' ' + msgBan1;
} document.formBan1.Fbanniere1.value =
msgBan1.substring(posBan1,posBan1+msgBan1.length);
posBan1++;
ban1 = setTimeout("banniere1(delaiBan1)",delai);
}
// fin du script -->
</SCRIPT>

b) Dans l'élement <BODY>

<BODY onLoad="msgBan1='Nouvelle version de WebExpert...';
banniere1(129);" onUnload="clearTimeout(ban1)">

c) Endroit du curseur (corps du document)

<FORM NAME="formBan1">
<INPUT TYPE="text" NAME="Fbanniere1" SIZE="61"><BR>
</FORM>

4. Explication des éléments du script

La procédure employée est celle de créer un champ INPUT (NAME=Fbanniere1) dans un élément <form> (NAME=formBan1) dans votre page et de lui donner comme valeur le message de la bannière.

Pour que cette bannière (contenu de l'input) puisse être visible dès le chargement de la page, l'assistant place sur l'événement "onload" de l'élément "<BODY>" le contenu de la variable "msgBan1" (la chaîne de caractère que vous avez placé dans le champ de l'assistant) . Sur l'événement "onUnload" (quand on quitte la page) est placée la remise à zéro du timer (clearTimeout) initialisé par la variable "timeoutID" du script (précaution du bon programmeur).

Le script emploie ici des notions que nous avons déjà expliquée, à savoir les instructions (if, for et while) qui déterminent si la position de la chaîne de caractère (msgBan1) est au début (0) et dans ce cas, lui ajoute 9 espaces pour séparer les différentes portions du message.
La syntaxe "document.formBan1.Fbanniere1.value permet de référencer la valeur du champ <INPUT> ((NAME=Fbanniere1) de lui attribuer la valeur de la bannière.

5. Modifications des paramètres

Pour modifier les paramètres du script en dehors de l'assistant

Contenu du message de la bannière

 Modifier ou remplacer la chaîne de caractères de la bannière entre les apostrophes du code (msgBan1='Nouvelle version de WebExpert...') dans le code du BODY
Délai de déplacement Changer la valeur du délai dans le code "banniere1(129)" dans le code du BODY
Largeur du champ de la bannière Changer la valeur de SIZE="61" du champ <INPUT> (NAME=Fbanniere1)
Augmenter la distance entre les occurences du message Changer le nombre d'espace dans le code du script (msgBan1 = '        ' + msgBan1) et/ou (msgBan1 += '        ' + msgBan1)

6. Variantes

Barre de status

Si vous avez choisi de placer le message de la bannière dans la barre des statuts, il n'y aura pas de champ input qui sera créé dans votre document et ce sera la propriété (status) de l'objet window (windows.status) qui recevra la chaîne de caractère codifiée.

Type machine à écrire

Dans ce choix, la chaîne sera découpée, caractères par caractères (avec des variales (chainePart3,chaine3) et le contenu de l'<INPUT> recevra ces valeurs de la chaîne, chaque fois augmentée d'un caractère.

Type glissement

Dans ce choix, la chaîne sera aussi découpée, caractères par caractères (avec des variales (chainePart2,chaine2), le contenu de l'<INPUT> recevra ces valeurs de la chaîne, chaque fois augmentée d'un caractère mais avec une position du caractère qui varie de la longueur de la chaîne à sa position normale (instruction for).




Cliquez sur le bouton du script pour visionner son explication...