menu déroulant - Windows & Software
Marsh Posté le 18-06-2001 à 20:49:47
arf , la je crois que tu vas devoir te casser un peu la tete,
rien qu un peu
Marsh Posté le 18-06-2001 à 21:00:09
Il veut dire par la que tu va devoir taper du code en JavaScript...
Evénement OnChange() et la propriété window.location te seront bien utile.
Marsh Posté le 18-06-2001 à 21:05:03
Oh la doucement,je ne comprends rien à ce que tu me racontes !
C'est louche que ça soit si compliqué à faire.Moi je pensais qu'il suffisait de créer un lien hypertexte pour chaque élément du menu...
Vous ne connaitriez pas un site qui explique comment faire ce genre de chose ?
Marsh Posté le 18-06-2001 à 21:08:15
Attends voir tu parle d'un menu en DHTML situé en haut d'une page Web ou d'une combo box (menu déroulant standard tag <SELECT> ) ?
Car bon dans le premier cas fait une recherche sur "hiermenu" c'est un menu hierarchique simple à utiliser, personnalisable et très bien foutu. Dans le second cas tu vas devoir scripter ta liste déroulante pour gérer l'évènement induit par le click de la souris (en fait la sélection d'un autre élément).
Marsh Posté le 18-06-2001 à 21:16:17
En fait je ne sais pas trop car je n'y connais vraiment pas grand chose.
Je veux juste créer un menu déroulant dont les éléments sont a,b,c,d...,z sur une page et en sélectionnant une des lettres du menu on se retrouve sur la page correspondante.
Je pensais que ça n'avais rien d'extraordinnaire mais apparemment ça n'est pas le cas...
Marsh Posté le 18-06-2001 à 21:19:28
En fait je veux faire exactement la même chose que le menu déroulant sité en bas de cette page et qui s'appelle "aller à"
Marsh Posté le 18-06-2001 à 21:25:40
Mouais... alors deux possibilités :
1) Tu fais un formulaire qui envois sur une page prédéfinie, cette page va lire les données de ton menu déroulant (la valeur du tag <option> sélectionné) et suivant cette valeur rediriger le navigateur vers la bonne page.
2) Tu script la liste déroulante pour soit modifier la valeur "action" de ton formulaire, soit changer la valeur window.location de ta fenêtre (tu peux soit le faire directment sur l'évènement OnChange, soit changer une variable avec OnChange et utiliser un bouton avec l'événement Onclick.
Marsh Posté le 18-06-2001 à 21:31:30
Voici un exemple (le code):
<FORM>
<SELECT NAME="liste1" SIZE=1 >
<OPTION SELECTED VALUE="contenu">---------- Choisissez l'article voulu ---------
<OPTION VALUE="lien1.html">a
<OPTION VALUE="lien2.html">b
<OPTION VALUE="lien3.html">c
</SELECT>
<INPUT TYPE="button" VALUE="Go" onClick="if (form.liste1.selectedIndex != 0) parent.frames['ici figure le target de la page à afficher'].location.href= form.liste1.options[form.liste1.selectedIndex].value; else alert('Veuillez faire un choix au menu.')" target="contenu">
</FORM>
</script>
Marsh Posté le 18-06-2001 à 21:44:51
Merci beaucoup fox25 !
Je vais tester ça dès que je le pourrai
Marsh Posté le 18-06-2001 à 22:14:27
Décidément je suis vraiment un novice en HTML
J'ai copieé ce code dans un fichier.html (avec Namo) et j'ai créer un fichier lien1.html ds le même dossier.Mais lors du test sous Ie5 il me dit "erreur sur la page".Késako?
Marsh Posté le 19-06-2001 à 17:22:03
Que tu as une erreur à quelque part dans ton script... affiche le message détaillé et tu auras le numéro de la ligne ou se produit l'erreur et avec un peu de chance une description de l'erreur.
Tu peux aussi activer le debugger de scripts via le menu outils -> options internet
[edit]--Message édité par Requin--[/edit]
Marsh Posté le 19-06-2001 à 17:41:00
ensuite il faut mettre un argument 'name=' au tag form, ca permet de nommer le formulaire quand on y accède
[edit]--Message édité par Requin--[/edit]
Marsh Posté le 21-06-2001 à 19:17:23
lorsque je clique sur un des éléments du menu déroulant je me retrouve sur une page vierge dont l'adresse est E:\TMPhkq9faigr.htm avec le message "erreur sur la page" alors que devrais me retrouver sur E:\lien1.htm par exemple. Help
Marsh Posté le 21-06-2001 à 19:44:27
<!-- Ce script et bien d'autres sont disponibles sur le site d'ABC-WEB...
// Plus d'infos : http://www.abc-web.net - info@abc-web.net -->
<BODY>
<form>
<table border="1" cellspacing="0" width="247">
<tr>
<td bgcolor="#FFFFFF" width="243"><div align="left"><p><select name="chooseFile" size="1"
onchange="sendIt(this.options[selectedIndex].value)">
<option selected value>Ton moteur de recherche</option>
<option value="http://www.altavista.telia.com">Alta Vista</option>
<option value="http://www.nomade.fr">Nomade</option>
<option value="http://www.yahoo.fr">Yahoo</option>
<option value="http://www.excite.com">Excite </option>
<option value="http://www.infoseek.com">InfoSeek </option>
<option value="http://www.lycos.com">Lycos </option>
<option value="http://www.magellan.com">Magellan </option>
<option value="http://www.webcrawler.com">WebCrawler </option>
</select><font size="2" face="Arial"><br>
Et Hop dès que c'est sélectionné, c'est<br>
au-to-ma-ti-que, ca y va tout seul !<script language="JavaScript"><!--
function sendIt(fileName) {
//If the selected file name isn't blank, send it to reader.
if (fileName != "" ) {
location.href=fileName
}
}
// --></script></font></td>
</tr>
</table>
</form>
</BODY>
c ça que tu veux
vu sur www.abc-web.net
Marsh Posté le 21-06-2001 à 20:32:40
tu veux mettre un bouton go ou pas
sinon c'est :
<!-- Ce script et bien d'autres sont disponibles sur le site d'ABC-WEB...
// Plus d'infos : http://www.abc-web.net - info@abc-web.net -->
<BODY>
<center>
<FORM>
<SELECT NAME="liste1" SIZE=1>
<OPTION SELECTED VALUE="">----- Choisissez ! ------
<OPTION VALUE="http://www.abc-web.net"><--- ABC-WEB --->
<OPTION VALUE="http://www.yahoo.fr">Yahoo
<OPTION VALUE="http://www.multimania.fr">Multimania
<OPTION VALUE="http://www.microsoft.com">Microsoft
<OPTION VALUE="http://www.legratuit.com">Le gratuit
</SELECT>
<INPUT TYPE="button" VALUE="OK" onClick="if (form.liste1.selectedIndex != 0) location = form.liste1.options[form.liste1.selectedIndex].value; else alert('Veuillez faire un choix au menu.')">
</FORM>
</center>
Marsh Posté le 18-06-2001 à 20:39:53
Comment faire pour créer un menu déroulant dont chaque élément pointe vers une page différente avec Namo Web 4?