Probleme menu déroulant

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Probleme menu déroulant

charlelechauve

Bonjour,

je souhaite un menu déroulant dans mon site. J'ai donc pris sur le net le script qu'une bonne ame a bien voulu donner
http://www.infos-du-net.com/forum/ [...] -deroulant

Ce script marche si je fais quelque chose de simple comme cela :

Code :

<p><form NAME="menu">
<div align="center"><center><p>
<select NAME="popup"
onChange="change_site();" style="background-color:teal; color:yellow" size="1">
<option VALUE>- Biochimie -</option>
<option VALUE="index.html"> -index</option>
</select>
<select NAME="popup"
onChange="change_site();" style="background-color:teal; color:yellow" size="1">
<option VALUE>- Microbiologie -</option>
<option VALUE="acceuilcalculs.html"> -calculs </option>
</select>
</p>
</center></div>
</form>
<script>
function change_site() {
var site = document.menu.popup.selectedIndex;
{
window.location.href =
document.menu.popup.options[site].value;
}
}
</script>
</p>

Sous Wampserver, quand je click sur le "index" de mon menu déroulant, il m'amene bien à ma page index.html (je crois l'avoir testé en ligne aussi et ca marche, avec ke bon chemin d'acces biensur)

Cependant je souhaite créer sur la meme ligne plusieurs menu déroulant, j'ai donc modifier mon code comme ceci :

Code :

<p><form NAME="menu">
<div align="center"><center><p>
<select NAME="popup"
onChange="change_site();" style="background-color:teal; color:yellow" size="1">
<option VALUE>- Biochimie -</option>
<option VALUE="index.html"> -index</option>
</select>
<select NAME="popup"
onChange="change_site();" style="background-color:teal; color:yellow" size="1">
<option VALUE>- Microbiologie -</option>
<option VALUE="acceuilcalculs.html"> -calculs </option>
</select>
</p>
</center></div>
</form>
... blablabla

Le fait de rajouter ce nouvel onglet déroulant me fait tout péter : quand je click sur le "index" qui marchait tout a l'heure, la il ne marche plus...

Quel erreur de synthaxe ai je fais ? Ou bien le script n'est pas adapté pour plusieurs onglets déroulant ?

Merci

Publicité

charlelechauve

Bon, je viens d'apporter des modifs, j'ai reussi a faire marche mais avec un gros bug, donc pour les connaisseurs je pense que vous verrez vite l'erreur (moi j'connais pas trop le javascript...)

Code :

<script>
function change_site() {
var site = document.menu1.popup.selectedIndex;
{
window.location.href =
document.menu1.popup.options[site].value;
}
}
</script>
<script>
function change_site() {
var site = document.menu2.popup.selectedIndex;
{
window.location.href =
document.menu2.popup.options[site].value;
}
}
</script>
<p><form NAME="menu1">
<div align="center"><center><p>
<select NAME="popup"
onChange="change_site();" style="background-color:teal; color:yellow" size="1">
<option VALUE>- test -</option>
<option VALUE="acceuilcalculs.html"> -test1</option>
</select>
</p>
</center></div>
</form>
<form NAME="menu2">
<div align="center"><center><p>
<select NAME="popup"
onChange="change_site();" style="background-color:teal; color:yellow" size="1">
<option VALUE>- test -</option>
<option VALUE="acceuilcalculs.html"> -test2</option>
</select>
</p>
</center></div>
</form>

Donc la j'ai créé 2 onglets de menu deroulant avec 1 script chacun, et le seul qui marche et celui dans la form "menu2".

Mais je me suis apercu que si dans mon code source je fait passer le <script> du menu1 apres celui du menu2, seul mon menu deroulant test1 marche.

Donc en gros, seul mon dernier <script> est pris en compte. Comment faire pour que les 2 marchent ? Merci

pataluc

salut,

c'est normal tu ne peux pas déclarer 2 fonction portant le même nom...

un truc qui devrait marcher serait ceci:

Code :

<script>
function change_site(menuselect) {
var site = menuselect.selectedIndex;
{
window.location.href =
menuselect.options[site].value;
}
}
</script>
<p><form NAME="menu1">
<div align="center"><center><p>
<select NAME="popup"
onChange="change_site(this);" style="background-color:teal; color:yellow" size="1">
<option VALUE>- test -</option>
<option VALUE="acceuilcalculs.html"> -test1</option>
</select>
</p>
</center></div>
</form>
<form NAME="menu2">
<div align="center"><center><p>
<select NAME="popup"
onChange="change_site(this);" style="background-color:teal; color:yellow" size="1">
<option VALUE>- test -</option>
<option VALUE="acceuilcalculs.html"> -test2</option>
</select>
</p>
</center></div>
</form>

charlelechauve

Salut, j'avais testé autre chose entre temps, mais c'est relativement semblable, et ca marche :

Code :

<script>
function change_site(obj) {window.location.href = obj.options[obj.selectedIndex].value; }
</script>
<p><form NAME="menu1">
<div align="center"><center><p>
<select NAME="popup"
onChange="change_site(this);" style="background-color:teal; color:yellow" size="1">
<option VALUE>- test -</option>
<option VALUE="acceuilcalculs.html"> -test1</option>
</select>
</p>
</center></div>
</form>
<form NAME="menu2">
<div align="center"><center><p>
<select NAME="popup"
onChange="change_site(this);" style="background-color:teal; color:yellow" size="1">
<option VALUE>- test -</option>
<option VALUE="acceuilcalculs.html"> -test2</option>
</select>
</p>
</center></div>
</form>

Merci quand meme pour ton aide !

RESOLU

pataluc

peux-tu éditer ton premier post pour mettre [RESOLU] dans le titre stp?

charlelechauve

Ah non, c'est pas du tout résolu car il me faut pas du javascript . Si je devais le faire en java ca serait fait depuis un baille . Mais la il me faut uniquement du html + css pour eviter les problèmes liés au javascript (active X a telecharger quand on nouvel utilisateur ouvre la page, ou un truc comme ca).

Donc merci bien, mais serait il possible de ne pas mettre de javascript dans vos solutions ?

charlelechauve

edit :

je me susi trompé !!!! Ne repondez plus a ce message, mais a celui présent un peu plus bas. Je ne veux plus le contruire en javascrip.

Voir le POST "probleme pour faire sortir le menu deroulant sur la droite", c'est celui la que je veux

merci

FORUM HardWare.fr

Programmation

HTML/CSS

Probleme menu déroulant

Sujets relatifs
Problème avec un menu déroulant qui s'ouvre au chargement	probleme pour menu déroulant
Problème disposition d'un menu déroulant d'une barre	[résolu] Problème avec iframe et menu déroulant
probleme menu deroulant IE/firefox	Menu déroulant en JVS: problème d'affichage
Problème Menu déroulant CSS et Flash sous IE	Comment faire un menu deroulant ?
Include php et problème menu déroulant	Problème menu déroulant
Plus de sujets relatifs à : Probleme menu déroulant

Page générée en 0.080 secondes