Les outils interactifs du Web

Tutoriel : Scripts Java
Un menu déroulant contenant des adresses Internet similaire à celui que vous trouvez ci-dessus.

Source : http://javascript.internet.com/
  Deux étapes sont nécessaires pour installer ce script et l'utiliser. Vous devrez par la suite éditer le code pour l'adapter à vos besoins. 
 

Instructions dans Home Page

Première étape : coller le script dans la section HEAD de votre document HTML

Sélectionner et copier le script suivant :
<!-- Original: Alex Tu <boudha1@hotmail.com> -->

<!-- Web Site: http://www.geocities.com/MadisonAvenue/4368 -->

<!-- This script and many more are available free online at -->

<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin

function formHandler(form){

var URL = document.form.site.options[document.form.site.selectedIndex].value;

window.location.href = URL;

}

// End -->

Ouvrir la page où vous voulez ajouter ce script

  1. Choisir Script dans le menu Insertion
  2. Choisir JavaScript dans la case Langage
  3. Cliquer dans le haut du grand rectangle blanc (sur la ligne encadrée)
  4. Coller le script. Home Page placera automatiquement ce script au bon endroit dans votre page et ajoutera les balises nécessaires.

    Si vous préférez coller ce script vous-même dans le code html, vous devrez ajouter les balises suivantes au début et à la fin du script :
    au début : <SCRIPT LANGUAGE="JavaScript">
    à la fin :</script>

Deuxième étape : Coller ce code dans le corps (Body) de votre document HTML

<input type=button value="Go!" onClick="javascript:formHandler(this)"><center>

<form name="form">

<select name="site" size=1>

<option value="">Go to....

<option value="http://www.yahoo.com">Yahoo

<option value="http://www.metacrawler.com">Metacrawler

<option value="http://www.altavista.digital.com">Altavista

<option value="http://www.webcrawler.com">Webcrawler

<option value="http://www.lycos.com">Lycos

<option value="http://javascript.internet.com">JavaScript Source

</select>

<input type=button value="Go!" onClick="javascript:formHandler(this)"></form>

</center>

Edition du code html

  1. Faire afficher les codes de votre page.
  2. Repérer la section suivante du code HTML:
<option value="">Go to....
<option value="http://www.yahoo.com">Yahoo
<option value="http://www.metacrawler.com">Metacrawler
<option value="http://www.altavista.digital.com">Altavista
<option value="http://www.webcrawler.com">Webcrawler
<option value="http://www.lycos.com">Lycos
<option value="http://javascript.internet.com">JavaScript Source
  1. Modifier les données des adresses :
  2. Remplacer Go to... par Aller vers... ou une autre instruction de votre choix.
  3. Remplacer les adresses débutant par http:// par les adresses auxquelles vous voulez donner accès.
  4. Remplacer les noms qui doivent apparaître dans le menu en changeant le mot à la fin de chaque ligne (Yahoo, Metacrawler etc.)
  5. Supprimer ou ajouter des lignes comme bon vous semble.
  6. Par exemple, un code qui pointerait vers les Services du RÉCIT de l'enseignement privé :
    <option value="http://www.cadre.qc.ca/cemis">RÉCIT de l'enseignement privé.