JavaScript

JavaScript est un langage écrit sous forme de fichier "texte" comme HTML. Les lignes de commandes sont interprétées par les navigateurs : Internet-Explorer, Netscape Navigator, Opéra etc...

A la différence de HTML qui ne peut pas avoir de conséquences en cas de mauvaise programmation (seulement un mauvais formatage du texte...) JS peut provoquer des ennuis en cas d'erreur. Généralement le script ne sera pas exécuté, mais cela peut aller jusqu'au plantage du navigateur ! Il faut donc apporter beaucoup d'attention à la programmation et effectuer des tests avant de télécharger la page dans le site Web.

Un script JS peut être placé à différents endroits de la page :

1. Dans l'entête de la page (entre les balises HEAD et /HEAD)
2. Dans le corps de la page.V
3. A l'intérieur d'une balise HTML.
4. Dans un fichier séparé (fichier avec l'extension "JS")

La programmation ressemble beaucoup au langage "C". On retrouve :

les affectations, les boucles (for... while... do while...), les tests de comparaison (if... else...), les opérateurs conditionnels (égal, différent, plus grand que... plus petit que... etc...), les conditions multiples (switch... case... default), les tableaux... etc... etc... Les habitués du "C++" ne seront pas dépaysés !

Le but de cet article n'est pas d'expliquer la programmation en JS... il y a de bons bouquins pour ça ! mais d'informer les futurs créateurs de sites, que ce langage peut rendre une page plus vivante, avec un encombrement de fichier relativement réduit (toujours dans le soucis de la transmission sur HamNet !)

Un exemple simple de l'utilité de JS :

Si vous êtes entré dans le site avec Internet-Exporer, vous avez pu lire qu'en pressant F11 vous aviez une vue "plein écran"... Cette possibilité ne fonctionne pas avec Netscape ! il faut dont détecter le navigateur utilisé pour afficher cette fonction ; voici le code très simple qui fait ce choix :

<SCRIPT LANGUAGE="JavaScript">
if (navigator.appName == "Microsoft Internet Explorer")
document.write (" Presser la touche F11 pour la vue plein écran ...")
</SCRIPT>

JS permet de créer des gestionnaires d'événements comme les clics de souris ou des boites d'alertes, créer des formulaires, animer des images ( par exemple les "rollovers" c'est à dire des images qui changent d'apparence lorsque la souris pointe dessus...) , faire défiler du texte dans la barre d'état, etc... etc...

Voici un exemple de script qui fait défiler un texte dans la barre d'état de windows :

<SCRIPT LANGUAGE="JavaScript">
var msg = "Test de défilement d'un texte dans la barre d'état....";
var spacer = " == == ";
var pos = 0;
function ScrollMessage()
{
window.status = msg.substring(pos, msg.length) + spacer + msg.substring (0, pos);
pos++;
if (pos > msg.length) pos = 0;
window.setTimeout("ScrollMessage()", 60);
}
ScrollMessage();
</SCRIPT>

Exemple de "rollovers" :

Vous créez deux images : par exemple une "porte-fermée.gif" et une "porte-ouverte.gif" avec un lien vers "entree.htm" ... Le programme sera le suivant :

<a href="entree.htm"

onMouseOver="document.images.src='porte-ouverte.gif' ;"

onMouseOut="document.image.src='porte-fermee.gif' ;">

<img src=porte-fermee.gif border="0" >

Pour test : placez le pointeur de la souris sur cette icone ...

Comme toujours, pour les fichiers qui doivent être diffusés sur HamNet, il ne faut pas abuser des effets spéciaux qui ne posent pas de problème sur Internet, mais accupent quelques miliers d'octets de plus, qui devront se faufiler dans le réseau à faible vitesse de Packet-Radio !!!

Retour au début de la page

...Retour à la page d'accueil