menu déroulant

menu déroulant - Windows & Software

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?

Reply

Marsh Posté le 18-06-2001 à 20:39:53   

Reply

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 :)

Reply

Marsh Posté le 18-06-2001 à 20:52:06    

Comment ça ?

Reply

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.

Reply

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 ?

Reply

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).

Reply

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...

Reply

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 à"

Reply

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.

Reply

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>

Reply

Marsh Posté le 18-06-2001 à 21:31:30   

Reply

Marsh Posté le 18-06-2001 à 21:44:51    

Merci beaucoup fox25 !
Je vais tester ça dès que je le pourrai

Reply

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?

Reply

Marsh Posté le 19-06-2001 à 09:13:58    

up

Reply

Marsh Posté le 19-06-2001 à 14:18:01    

up

Reply

Marsh Posté le 19-06-2001 à 16:21:33    

un peu de  compassion please ...

Reply

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]

Reply

Marsh Posté le 19-06-2001 à 17:37:37    

faut pas feremr les options?

Reply

Marsh Posté le 19-06-2001 à 17:40:16    

Si le tag option doit être fermé ! :D

Reply

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]

Reply

Marsh Posté le 19-06-2001 à 18:10:14    

euh aussi!
 
krapaud 1 - Requin 1
 
:D

Reply

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

Reply

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


---------------
outch
Reply

Marsh Posté le 21-06-2001 à 20:25:54    

Merci.
Ca a l'air de marcher.

Reply

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>
 
 ;)


---------------
outch
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed