Fonction javascript (Menu déroulent)

Fermé
verbal-brolik Messages postés 93 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 28 août 2011 - Modifié par verbal-brolik le 18/10/2010 à 16:32
verbal-brolik Messages postés 93 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 28 août 2011 - 24 oct. 2010 à 23:21
Bonjour, je vous expose mon problème:

Je suis sur la conception d'un site web html
sur lequel j'y ai ajouté un menu déroulent de 6 liens à accès direct
(Sans validation par bouton "Ok")

J'ai situé ce menu entre 2 boutons de navigation "<< Précedent" & "Suivent>>",
que voici ---> http://data.imagup.com/1/1287405023.jpg
Le problème est qu'il ce met en 3 lignes.

Hors que je souhaiterais l'avoir en une seule
comme ceci ---> http://data.imagup.com/2/1287405256.jpg

J'obtiens ce script en une seule ligne en retirant de mon code la baliste <FORM></FORM>
Mais ce menu déroulent ne fonctionne pas sans cette baliste.

Voici le code de mon menu navigation:
(En gras ce qui concerne ce menu déroulent)

<center>
<!------------MENU NAVIGATION DES PAGES------------>

<!--BOUTON GAUCHE--><input type="button" value='<<'style="font-family: arial,Verdana,Helvetica;font-size: 12px; color:turquoise ;font-weight:bold;background-color: #8000FF;width:50px; "onClick="window.location='Epaules.htm'">

<!--MENU DEROULANT-->
<FORM><SELECT NAME="ListeUrl" SIZE=1 onChange="ChangeUrl(this.form)">
<OPTION VALUE="Epaules.htm">1. Développé militaire
<OPTION VALUE="Developpe_nuque.htm">2. Développé nuque
<OPTION VALUE="Page_non_cree.htm">3. Élévation frontale haltère
<OPTION VALUE="Page_non_cree.htm">4. Élévation latérale couché
<OPTION VALUE="Page_non_cree.htm">5. Élévation latérale, buste penché
<OPTION VALUE="Page_non_cree.htm">6. Élévations latérales
</SELECT></FORM>


<!-- BOUTON DROITE--><input type="button" value='>>'style="font-family: arial,Verdana,Helvetica;font-size: 12px; color:turquoise ;font-weight:bold;background-color: #8000FF;width:50px; "onClick="window.location='Developpe_nuque.htm'">
</center>
</TD></TR>
</TABLE><BR>


<script language="JavaScript">

function ChangeUrl(formulaire)
{
if (formulaire.ListeUrl.selectedIndex != 0)
{
location.href =

formulaire.ListeUrl.options[formulaire.ListeUrl.selectedIndex].value;
}
else
{
alert('Veuillez choisir une destination.');
}
}
</script>

<!------------FIN MENU NAVIGATION DES PAGES------------>



Je souhaiterais avoir mon menu déroulent "En état de fonction" entre mes 2 boutons de navigation et en une seule ligne.

Merci de m'aider à régler ce petit problème qui me bloque pour la suite.



A voir également:

6 réponses

Bonjour,je crois que le probleme vien du fait que tu ne place pas tes "input" dans ta balise form.
<center>

<!--MENU DEROULANT-->
<FORM>
<!------------MENU NAVIGATION DES PAGES------------>
<!--BOUTON GAUCHE--><input type="button" value='<<'style="font-family: arial,Verdana,Helvetica;font-size: 12px; color:turquoise ;font-weight:bold;background-color: #8000FF;width:50px; "onClick="window.location='Epaules.htm'">
<SELECT NAME="ListeUrl" SIZE=1 onChange="ChangeUrl(this.form)">
<OPTION VALUE="Epaules.htm">1. Développé militaire
<OPTION VALUE="Developpe_nuque.htm">2. Développé nuque
<OPTION VALUE="Page_non_cree.htm">3. Élévation frontale haltère
<OPTION VALUE="Page_non_cree.htm">4. Élévation latérale couché
<OPTION VALUE="Page_non_cree.htm">5. Élévation latérale, buste penché
<OPTION VALUE="Page_non_cree.htm">6. Élévations latérales
</SELECT>
<!-- BOUTON DROITE--><input type="button" value='>>'style="font-family: arial,Verdana,Helvetica;font-size: 12px; color:turquoise ;font-weight:bold;background-color: #8000FF;width:50px; "onClick="window.location='Developpe_nuque.htm'">
</FORM>
</center>
</TD></TR>
</TABLE><BR>
<!------------FIN MENU NAVIGATION DES PAGES------------>
1
verbal-brolik Messages postés 93 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 28 août 2011 29
18 oct. 2010 à 20:48
Bonsoir Spartan, merci pour ta réponse, c'est exactement d'où provenais le problème,
et malgré ma concience pour la logique d'ordre des étape, je n'aurais jamais trouver tout seul !
Cela dit, il y a un retour à la ligne que je ne parviens pas à retirer juste en dessous..
---> http://data.imagup.com/3/1287421881.jpg
Si tu apercevais le problème sa serais bien aimable de ta part.
Encore merci !
0
verbal-brolik Messages postés 93 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 28 août 2011 29
18 oct. 2010 à 21:38
Grand merci pour ton aide l'amis
0
je pense qu'il faut encadrer toute ta table avec la balise form
0
verbal-brolik Messages postés 93 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 28 août 2011 29
18 oct. 2010 à 21:53
Balèze mon gars..
C'est parfait, j' retrouve enfin la motivation de terminer ce site, grâce à toi !!
Merci beaucoup !
0
Pas de quoi c'est ma passion, hesite pas si t'as besoin d'aide.
0
peut tu mettre le code complet stp?
0
verbal-brolik Messages postés 93 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 28 août 2011 29
Modifié par verbal-brolik le 18/10/2010 à 22:32
Voila la page d'un exercice pour muscler les épaules
J'en ai 6 comme ca..
Par la suite je ferais les exercices pour les biceps, triceps, abdo,..
Et j'ai déja fait mon menu


<HTML>
<TITLE>Epaules</TITLE>
<HEAD>
<BODY>
<BODY BGCOLOR="#FFFFFF">
<A Href="Accueil.htm">«[Menu]</A>
 
<STRONG>Epaules</STRONG>
<HR><P>
<FONT color="green">Le deltoïde (Muscle principal de l'épaule) est un muscle composé de trois faisceaux :<P>

. Antérieur qui s'insère au niveau de la clavicule : c'est un rotateur interne du bras et un antépulseur.<br>
. Latéral qui s'insère au niveau de l'acromion, ce faisceau est abducteur du bras.<br>
. Postérieur qui a pour origine l'épine de l'omoplate (scapula), c'est le faisceau rotateur externe et rétropulseur du bras.<P>

Ces trois faisceaux forme un demi-cône s'enroulant autour de la partie supérieur de l'humérus.<br>

Les exercices de base présentés ci-dessous seront prochainement enrichis par de nombreux autres exercices.</FONT><P>
<HR><P>

<FORM>
<DIV align=Center>
<TABLE border=2 cellspacing=2>
<TR><TD bgcolor="Turquoise"><center><FONT COLOR="#8000FF"><STRONG>Développé militaire</STRONG></FONT></center></TD></TR>
<TR><TD><IMG src= "Images/Epaules/Developpe_militaire.jpg"></TD></TR>
<TR><TD>Assis, le dos bien droit, la barre tenue en pronation, reposant sur le haut de la poitrine.<br>
Tenez la barre avec un écartement des mains supérieures à la largeur des épaules :<P>

* Inspirer et développer la barre verticalement<br>
* Marquez un temps d'arrêt et contractez<br>
* Redescendez la barre jusqu'à la posi­tion de départ en contrôlant tout au long de la phase de retour<br>
* Expirer en fin de mouvement<P>


Cet exercice de base sollicite principalement les faisceaux antérieurs et externes du deltoïde,<br>
le faisceau claviculaire du grand pectoral, le triceps brachial ainsi que le dentelé antérieur,<br>
le trapèze et, en profondeur, le supraépineux. Vous pouvez effectuer cet exercice debout,<br>
dans ce cas, efforcez-vous de n'utiliser que les muscles des épaules et des bras<br>
(il ne faut donc pas s'aider d'une poussée des jambes afin de faciliter le mouvement)<br>
pour monter la charge.<P>

Cet exercice peut s'effectuer debout, mais il faudra porter une attention toute particulière<br>
au positionnement du dos en veillant à ne pas trop accentuer la cambrure lombaire.</TD></TR>
<TR><TD>

<center>
<!-- MENU NAVIGATION DES PAGES-->
<!--BOUTON GAUCHE--><input type="button" value='<<'style="font-family: arial,Verdana,Helvetica;font-size: 12px; color:turquoise ;font-weight:bold;background-color: #8000FF;width:50px; "onClick="window.location='Epaules.htm'">

<!--MENU DEROULANT-->
<SELECT NAME="ListeUrl" SIZE=0 onChange="ChangeUrl(this.form)">
<OPTION VALUE="">1. Développé militaire
<OPTION VALUE="Developpe_nuque.htm">2. Développé nuque
<OPTION VALUE="Elevation_frontale_haltere.htm">3. Élévation frontale haltère
<OPTION VALUE="Elevation_laterale_couche">4. Élévation latérale couché
<OPTION VALUE="Fumeur_p5.htm">5. Élévation latérale, buste penché
<OPTION VALUE="Fumeur_p6.htm">6. Élévations latérales
</SELECT>
<!-- BOUTON DROITE--><input type="button" value='>>'style="font-family: arial,Verdana,Helvetica;font-size: 12px; color:turquoise ;font-weight:bold;background-color: #8000FF;width:50px; "onClick="window.location='Developpe_nuque.htm'">
<!--FIN NAVIGATION DES PAGES-->
</center>
</TD></TR>
</TABLE><BR>
</FORM>

<BR><BR><BR>
<center> 2010 ® </center>


<!---SCRIPT MENU DEROULANT--->
<script language="JavaScript">

function ChangeUrl(formulaire)
{
if (formulaire.ListeUrl.selectedIndex != 0)
{
location.href =

formulaire.ListeUrl.options[formulaire.ListeUrl.selectedIndex].value;
}
else
{
alert('Veuillez choisir une destination.');
}
}
</script>
<!--FIN SCRIPT MENU DEROULANT-->


</BODY>
</HEAD>
</HTML>
0
verbal-brolik Messages postés 93 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 28 août 2011 29
Modifié par verbal-brolik le 18/10/2010 à 22:49
Es-ce que je pourrais te demander une dernière chose ?
Sans vouloir abuser de ta bonne volonté..

En faite la destination de mes pages via le menu déroulent est bonne,
mais que j'aille sur la page 2,3,...
Il reste afficher sur la première.

En bref, si je me situe sur la page "2"
mon menu affiche encore:

| Page1 |

Aurais tu une petite idée d'où provient ce problème ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Lord Zero Messages postés 459 Date d'inscription lundi 18 octobre 2010 Statut Membre Dernière intervention 15 juin 2018 115
19 oct. 2010 à 11:31
Envoie moi par mail tout ton projet(complet) je corrigerais les erreurs des que j'aurais un peu de temps.
0
Lord Zero Messages postés 459 Date d'inscription lundi 18 octobre 2010 Statut Membre Dernière intervention 15 juin 2018 115
Modifié par Lord Zero le 20/10/2010 à 10:29
j'ai corrigé un peu ton code,beaucoup d'erreur.

certaines balise ne sont au bon endroit

tu encadre tout ton code dans la balise head

tu oublie de fermer tes balise div et form

tu place des balise <p> dans des balise <p>

etc

voici une page vierge:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
</head>

<body>

</body>

</html>

donne moi une adresse mail ou debloque ton compte.

Développeur VB6, VBS, VBA, VB.NET, C#, HTML, PHP, JAVASCRIPT, SQL.
0
verbal-brolik Messages postés 93 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 28 août 2011 29
20 oct. 2010 à 20:52
Merci pour toute ses précisions, je ne m'estime pas programmeur tu sais, j'ai juste un peu apris sur le site du zéro..
Comment je peut débloquer mon compte ccm stp ?
0
Lord Zero Messages postés 459 Date d'inscription lundi 18 octobre 2010 Statut Membre Dernière intervention 15 juin 2018 115
21 oct. 2010 à 09:07
aucune idée il doit y avoir un support sur le site
0
verbal-brolik Messages postés 93 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 28 août 2011 29
22 oct. 2010 à 19:28
Tu sais me renvoyer les fichiers corrigé stp ?
J' voudrais entamer les autres parties sur de bonnes bases, vus que la structure est faite, j' vais faire beaucoup de copier/collé.
Merci à toi l'amis.
0
verbal-brolik Messages postés 93 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 28 août 2011 29
24 oct. 2010 à 23:21
???
0