 JavaScript |
 |
Cette page n'a pas pour objectif de vous apprendre ce langage. Moi-même, je ne le maîtrise que très peu mais comme le code JavaScript d'une page est toujours accessible, il suffit d'avoir déjà programmé dans un langage quelconque pour être capable d'adapter ces codes à ses besoins. Vous trouverez donc ici des liens vers des sites qui proposent des scripts ou des cours.
Les
outils
Où
trouver des scripts ?
Vous trouverez une multitude de scripts et parfois des cours aux adresses suivantes :
- Le site de Thomas Brattli, excellent site où j'ai trouvé l'ancien menu utilisé sur ce site.
- Javanilla (dont j'ai adapté le script me permettant d'afficher les écrans de la page Logiciels)
- freejavascript
- L'éditeur JavaScript
- Jaja Script (sic)
- toutjavascript.com
- The JavaScript Planet
- Dynamic Drive, site où l'on trouve d'autres menus, dont celui utilisé ici.
- Le cours de Richard R. Baud (patientez pendant le chargement de la page d'accueil...)
- Le cours de Luc Van Lancker
Ma
banque de scripts
Avant de visiter les sites ci-dessus, jetez un œil sur les scripts que j'ai rangés ici. Ce sont des classiques que j'utilise et ils sont là aussi pour que je puisse les retrouver facilement. Bien sûr, cette rubrique n'a pas la prétention de rivaliser avec les liens que je vous propose.
Pour commencer, il faut savoir que le code JavaScript s'insère dans une page HTML entre les deux balises suivantes :
<script language="JavaScript">
/* Votre code JavaScript */
</script>Sachez également que vous pouvez écrire des commentaires dans votre code, qui ne gêneront pas son exécution et que ces commentaires, s'ils sont écrits sur plusieurs lignes, doivent être placés entre ces combinaisons de caractères : /* et */ alors qu'ils doivent être précédés des caractères // s'ils n'occupent qu'une seule ligne.
Si vous souhaitez utiliser pour votre site un menu comme celui qui fonctionne ici, vous pouvez télécharger les scripts menus.zip.
Ces scripts sont placés dans le même répertoire que les pages HTML du site, et les lignes suivantes sont placées dans le code de chaque page :
<script language=JavaScript>
/*
Milonic DHTML Website Navigation Menu
Written by Andy Woolley Copyright 2002 (c) Milonic Solutions Ltd.
All Rights Reserved.
Plase vist http://www.milonic.co.uk/menu/ or e-mail menu3@milonic.com
You may use this menu on your web site free of charge as long as you place
prominent links to http://www.milonic.co.uk/menu and you inform us of your
intentions with your URL AND ALL copyright notices remain in place in all
files including your home page.
Comercial support contracts are available on request if you cannot comply
with the above rules.
*/
</script>
<script language=JavaScript
src="menupages.js" type=text/javascript></script>
<script language=JavaScript
src="mmenu.js" type=text/javascript></script>
Le script
contenant les propriétés de votre menu et que vous devez
donc modifier est menupages.js.
J'ai commencé la traduction des commentaires. L'utilité
de ceux-ci est de faciliter la compréhension du code.
ATTENTION : Vous trouverez également
dans l'archive un script menuaccueil.js
que
j'utilise pour ma page d'accueil (index.htm) car celle-ci se trouve à
l'extérieur du répertoire "pages". L'appel des
scripts sur cette page se fait donc de la manière suivante :
<script
language=JavaScript src="pages/menuaccueil.js"
type=text/javascript></script>
<script language=JavaScript
src="pages/mmenu.js" type=text/javascript></script>
Si un site comportant des cadres propose un lien vers vos pages, celles-ci s'ouvriront à l'intérieur de ces cadres. Les inconvénients sont multiples : la surface visible est réduite, le visiteur n'aura pas l'adresse de votre site et si les cadres en question sont des bandeaux de publicité du fournisseur d'accès du site de départ, ce fournisseur se paiera aussi une tranche de pub sur le vôtre.
En insérant le code ci-dessous dans l'en-tête de votre page HTML, celle-ci s'ouvrira toujours en pleine fenêtre :
<script
language="JavaScript">
<!--
if (top.frames.length!=0) top.location=self.document.location;
//-->
</script>
Si votre page comporte beaucoup d'images, il peut être intéressant de proposer au visiteur de les voir dans une petite fenêtre indépendante (exemple).
Tout d'abord, l'instruction permettant de créer le lien sur lequel le visiteur cliquera est la suivante :
<a
href="#"
onClick="return afficheNote('<img
src=../images/titre13d.gif>',301,65)">
<b>exemple</b></a>Dans cette portion de code html, ../images/titre13d.gif désigne le chemin de l'image que vous désirez afficher, 301 la largeur de l'image, 65 sa hauteur et exemple le mot sur lequel cliquera le visiteur.
Ce code est à répéter autant de fois que vous avez d'images à afficher (en adaptant à chaque fois les paramètres).
Par contre, le code ci-dessous est à insérer une seule fois dans l'en-tête de votre code HTML :
ATTENTION : l'instruction située entre les deux lignes de points doit être recopiée sur une seule ligne.
<SCRIPT
LANGUAGE="JavaScript">
/*
D'après un script du site http://www.javanilla.fr.st
*/
var fenetreNote,w1,h1;
var isNav=false;
var isIE=false;
function afficheNote(message,w,h) {
if (navigator.appName=="Netscape") {
isNav=true;
w1=w+20;
h1=h+20;
}
else {
isIE=true;
w1=w+40;
h1=h+40
}
/*........................................................................................*/
fenetreNote = window.open('','Note','toolbar=no,location=no,directories=no,status=no,scrollbars=yes,
resizable=yes,copyhistory=no,left=0,top=0,' + 'width='+w1 + ',height='+h1);
/*........................................................................................*/
texte = '<' + 'HTML' + '><' + 'HEAD' + '><' + 'TITLE'
+ '>' + 'Mon image'
+ '</' + 'TITLE' + '><'
+ '/HEAD' + '><' + 'BODY bgcolor="#000000"'
+ '>';
texte += '<CENTER>';
texte += message + '</CENTER></FONT>';
texte += '</' + 'BODY'
+ '><' + '/HTML' + '>';
fenetreNote.document.write(texte);
fenetreNote.focus();
fenetreNote.document.close();
return false;
}
</SCRIPT>