Posez votre question Signaler

Fonction javascript (Menu déroulent)

verbal-brolik 89Messages postés 11 novembre 2009Date d'inscription 28 août 2011Dernière intervention - Dernière réponse le 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>

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

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

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.

Fonction javascript (Menu déroulent) »

Suggestions

Fonction javascript (Menu déroulent)
Javascript : Menu deroulant » Forum
Télécharger Javascript Menu Master » Télécharger
Créer un menu animé en Javascript (Résolu) » Forum
Menu déroulant en CSS ou JavaScript ? (Résolu) » Forum
[javascript] Utiliser le clic droit... (Résolu) » Forum

Plus

Réponse

Spartan 18 oct. 2010 à 17:46

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


<FORM>

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

Ajouter un commentaire

Afficher les 7 commentaires

verbal-brolik- 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 !

verbal-brolik- 18 oct. 2010 à 21:38

Grand merci pour ton aide l'amis

Spartan - 18 oct. 2010 à 21:45

je pense qu'il faut encadrer toute ta table avec la balise form

verbal-brolik- 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 !

Spartan - 18 oct. 2010 à 21:54

Pas de quoi c'est ma passion, hesite pas si t'as besoin d'aide.

verbal-brolik- 18 oct. 2010 à 22:22

Je ne parvient pas à allé dans ton profil..
Envoie moi un message, je t'enverrais le lien pour télécharger
les pages webs que j'ai déja fait..

Lord Zero- 18 oct. 2010 à 22:48

c'est moi je n'étais pas inscrit ^^

Réponse

Spartan 18 oct. 2010 à 21:36

peut tu mettre le code complet stp?

Ajouter un commentaire

Réponse

verbal-brolik 89Messages postés 11 novembre 2009Date d'inscription 28 août 2011Dernière intervention 18 oct. 2010 à 22:31

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

<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=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>
<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>
</FORM>

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


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


</BODY>
</HEAD>
</HTML>

Ajouter un commentaire

Réponse

verbal-brolik 89Messages postés 11 novembre 2009Date d'inscription 28 août 2011Dernière intervention 18 oct. 2010 à 22:48

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 ?

Ajouter un commentaire

Réponse

Lord Zero 160Messages postés 18 octobre 2010Date d'inscription 29 février 2012Dernière intervention 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.

Ajouter un commentaire

Réponse

Lord Zero 160Messages postés 18 octobre 2010Date d'inscription 29 février 2012Dernière intervention 20 oct. 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.

Ajouter un commentaire

Afficher les 4 commentaires

verbal-brolik- 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 ?

Lord Zero- 21 oct. 2010 à 09:07

aucune idée il doit y avoir un support sur le site

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

verbal-brolik- 24 oct. 2010 à 23:21

???

Répondre au sujet

Posez votre question

Dossier à la une

Passage au tout numérique : quel coût pour les particuliers ?

Passage au tout numérique : quel coût pour les particuliers ?

Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.

Fonction javascript (Menu déroulent)

Fonction javascript (Menu déroulent) »

Passage au tout numérique : quel coût pour les particuliers ?