|
|
|
|
Comment placer un menu déroulant sur ma page ? Ajouter un menu déroulant est assez simple. Il faut simplement ajouter le code suivant en remplaçant le texte en gras par vos propres informations (couleur, fonte, taille de caractère, culeur de fond), rapplelez-vous que les attributs de couleur ne fonctionnent pas dans Netscape :
<form name="gotolocation1" method="POST">
<select name="lissamenu1" size=1
style="font-family: comic sans ms"
style="color: #FFFF00"
style="border: outset"
style="font-size: 12"
style="background: #CC99FF">
<option value="http://www.lissaexplains.com">Lissa Explains it All</option>
<option value="http://www.lissaexplains.com/cursor.html">Lissa's Cursors</option>
<option value="http://www.lissaexplains.com/home">Lissa's Page</option>
</select>
<input type="button" style="font-family: comic sans ms"
style="color: #FF0000"
style="font-size: 12"
style="background: #CC99FF" onClick="location =
document.gotolocation1.lissamenu1.options
[document.gotolocation1.lissamenu1.selectedIndex].value;"
value="Go">
</form>
:Ça donne ceci :
Si vous préférez un menu sans le bouton "go" vous écrivez à la place :
<form>
<select name=lissamenu3 size="1"
onchange="location.href=(form.lissamenu3.options[form.lissamenu3.selectedIndex].value)"
style="font-family: comic sans ms"
style="color: #FFFF00"
style="border: outset"
style="font-size: 12"
style="background: #CC99FF">
<option value="0">Choisissez</option>
<option value="0"></option>
<option value="http://www.lissaexplains.comb>">Home</option>
<option value="http://www.lissaexplains.com/basics.html">Basics</option>
<option value="http://www.lissaexplains.com/guestbook.html">Guest Book</option>
<option value="http://www.lissaexplains.com/links.html">Links</option>
</select>
</form>
Votre menu ressemblera à ceci :
IL est vraiment important de vous rappeler que si vous utilisez plusieurs menus déroulants sur une page, vous devez donner des noms différents à vos formulaires. Remplacez les mots "lissamenu1" ou "lissamenu2" par un nom différent sur votre page. Sans cela vous aurez une erreur de script.
Comment créer un menu déroulant qui pointe vers des cadres (frames) ? Eventuellement!!! Un menu déroulant peut pointer vers des cadres. Copiez et collez le codes ci-dessous et remplacez les caractères gras par vos propres informations, n'oubliez pas aussi de cibler votre cadre, il faut remplacer "votre nom de cadre" par le nom du cadre vers lequel vous voulez pointer. Vous pouvez créer plus de liens, je n'ai fait qu'un liste de 3 dans le code ci-dessous :
<script language="javascript">
function jump(form) {
var myindex=form.menu.selectedIndex
if (form.menu.options[myindex].value != "0")
{
window.open(form.menu.options[myindex].value,
target="NomDeCadre");
}
}
//-->
</script>
<form name="lissamenu2">
<select name="menu" style="background-color: #CC99FF ;
font size=12; font-family: comic sans ms; color:#ffff00"
size="1" onchange="jump(this.form)">
<option value="0">Où aller ?</option> <--ajoutez une "en-tête" ici (ne mettez pas ceci dans votre code)
<option value="0"></option>
<option value="http://www.lissaexplains.com/french">Accueil</option>
<option value="http://www.lissaexplains.com/french/fun.html">Le Fun</option>
<option value="http://www.lissaexplains.com/french/cursor.html">Lissa's Cursors</option>
</select>
</form>
Ça donne ceci :