Menu déroulant en html - Programmation et développement::HTML / Javascript

Auteur

Message

JAAFAR2005

Posté le 05/08/2007 16:52:11

Bonjour à tous, j'explique mon problème.

J'ai créé un petit menu déroulant en html, comme vous pouvez le voir sur cette page:
http://www.mrfixitonline.com/viewtopic.php?p=24582#24582

ma connaissance en html étant extremement limitée, voilà ce que je désire faire:
Après avoir sélectionné ce que l'on veut dans le menu déroulant, un bouton "go", et le tout ferait référence à une ancre placée sur la page.

Je sais pas si c'est très clair...

En gros, je fais défiler le menu, sélectionne "mute city twist road" puis clique sur "go" - et cela m'amène vers une ancre située plus bas sur la page.

Pour l'instant, je n'ai que le menu, et je ne sais pas ou placer le "href" dans le code.

Je précise que cela doit être en html uniquement - pas de javascript ni CSS.

Merci!

manchote

L'erreur est une mais commune
:-)

Posté le 05/08/2007 17:01:57

Regarde les tutos sur le web sur les ancrages:

Le plus simple est de mettre <a href="lien.html#ancrage">Super ce lien</a>

ou si c'est sur la même page <a href="#ancrage">Cool</a> je crois que # c'est un ancrage nul=la page en question

Bref on va pas se perdre dans les détails

et après tu situe ton ancrage en faisant <a name="#ancrage">...</a>

Aller bon courage!

-------
Manchot ou pingouin...?
Ne cherchez plus: passer à Linux!

JAAFAR2005

Posté le 05/08/2007 17:10:09

Merci beaucoup pour la réponse! mais...

Voici le code pour le menu tout seul:

<form method="post" action="traitement.php">
<div align="center"><font size="4">F-Zero GX</font></div>
<p align="center"><strong><label> Select a course<br />
</label></strong></p>
<p align="center"><select name="Course"> <optgroup label="Ruby Cup"> </optgroup>
<option value="mctr">mctr</option>
</select></p>
<p> </p>
</form>

Si j'ajoute le href:

<form method="post" action="traitement.php">
<div align="center"><font size="4">F-Zero GX</font></div>
<p align="center"><strong><label> Select a course<br />
</label></strong></p>
<p align="center"><select name="Course"> <optgroup label="Ruby Cup"> </optgroup>
<option value="mctr"><a href="#mctr">mctr</a></option>
</select></p>
<p> </p>
</form>

Le problème, c'est qu'il me manque un bouton "go" pour exécuter le href, il me semble. En tout cas, si je clique sur "mctr" dans le menu - rien ne se passe. Pourtant, l'ancre est bien placée plus bas sur la page.

merci encore

-->Message édité par JAAFAR2005 le 05/08/2007 17:10:47<--

manchote

L'erreur est une mais commune
:-)

Posté le 05/08/2007 23:41:58

dacodac:

<form NAME="menu">
<div align="center"><center><p>
Menu déroulant  <select NAME="popup"
onChange="change_site();" style="background-color:teal; color:yellow" size="1">
<option VALUE="http://www.mon_site.com/page1.htm">-   Faites votre choix   -</option>
<option VALUE="http://www.mon_site.com/page2.htm">-  Commentaire</option>
</select> </p>
<input
</center></div>
</form>
<script>
function change_site() {
var site = document.menu.popup.selectedIndex;
{
window.location.href =
document.menu.popup.options[site].value;
}
}
</script>
</p>

Je sais que tu ne veux pas de javascript mais cette solution eviter de cliquer sur une bouton de confirmation tel que go ou valider

Sinon:

entre les balises form tu met en plus

<FORM>
<SELECT NAME="liste1" SIZE="1">
<OPTION SELECTED VALUE="">-------- Liens à visiter --------
<OPTION VALUE="lien1.html">Mon premier lien
<OPTION VALUE="lien2.html">Mon deuxième lien
</SELECT>
<INPUT TYPE="button" VALUE="Go"
onClick="if (form.liste1.selectedIndex != 0)
location = form.liste1.options[form.liste1.selectedIndex].value;
else
alert('Veuillez faire un choix dans le menu.')">
</FORM>

Juste une chose je sais qu'il ya du javascript mais pour qu'il y est un lien il faut que dans form il soit completer d'une action.

Ici c'est pas le formulaire qui renvoit un lien c'est l'option choisi qui défini un lien et la il faut s'aider d'un autre language

Le mieux est de recopier le code et tu ny pensera plus

-------
Manchot ou pingouin...?
Ne cherchez plus: passer à Linux!

JAAFAR2005

Posté le 06/08/2007 00:51:15

Merci beaucoup c'est génial!!!

manchote

L'erreur est une mais commune
:-)

Posté le 06/08/2007 15:03:45

-------
Manchot ou pingouin...?
Ne cherchez plus: passer à Linux!

[e-administration] Le dépôt de plainte en ligne bientôt testé dans deux départements

[vu sur le web] Un bateau vendu 22,50 euros (par erreur) sur Internet

[bureautique] La version finale d'OpenOffice.org 3.0 officiellement disponible

[politique] La crise financière repousse la présentation du plan numérique 2012

[logiciel libre] Mandriva Linux 2009 est disponible

[vu sur le web] Première photo pour le satellite GeoEye-1, l'œil de lynx de Google

[sélection] Téléchargement : les dix meilleurs logiciels de la semaine

[banc d'essai] Le classement des fournisseurs d'accès à Internet (2 au 8 octobre)