begin process at 2012 05 29 15:26:39
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Pblm dans le code menu déroulant avec lien (javascript)


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Pblm dans le code menu déroulant avec lien (javascript)

vendredi 22 octobre 2010 à 17:03:09 | Pblm dans le code menu déroulant avec lien (javascript)

alexhtml

Bonjour,

je rencontre un souci pour créer un menu déroulant dynamique.


Je m'explique :

Je voudrais créer une liste déroulante à 2 cases. En fonction du choix dans la première, dans la deuxième on verra apparaitre des nouveau choix possibles. Voilà, le html que je voudrais appliquer :


1.<html>
2.<title>liste déroulante dynamique</title>
3.<head>
4.<script language="Javascript" type="text/javascript" >
5.function choix(formulaire)
6.{
7.var j;
8.var i = formulaire.boite1.selectedIndex;
9.if (i == 0)
10.for(j = 1; j <3; j++)
11.formulaire.boite2.options[j].text="";
12.
13.
14.else
15.{
16.switch (i)
17.{
18.case 1 : var text = new Array( "un","deux","trois");
19.break;
20.
21.case 2 : var text = new Array("un","deux","trois");
22.break;
23.
24.case 3 : var text = new Array("un","deux","trois");
25.break;
26.}
27.
28.for(j = 0; j<3; j++)
29.formulaire.boite2.options[j+1].text=text[j];
30.}
31.formulaire.boite2.selectedIndex=0;
32.}
33.</script>
34.</head>
35.
36.<body>
37.<form name="formulaire">
38.<select name="boite1" onChange="choix(this.form)">
39.<OPTION>-- Choisissez une page ---</OPTION>
40.<option>livre</option>
41.<option>book</option>
42.<option>cahier</option>
43.
44.</select>
45.
46.<select name="boite2">
47.<OPTION>-- Choisissez une page ---</OPTION>
48.<option></option>
49.<option></option>
50.<option></option>
51.
52.</form>
53.</select>
54.</body>
55.</html>



Mais maintenant, je voudrais que dans la deuxème case, les reponses soient sous la forme des liens, et non pas le text simple.

J'ai beaucoup cherché et testé différents codes mais ça ne marche pas!

Comment faire?


Merci pour votre aide.
vendredi 22 octobre 2010 à 17:59:48 | Re : Pblm dans le code menu déroulant avec lien (javascript)

kazma

Administrateur CodeS-SourceS
il faut metre une valeur dans chaque option cette valeur correspondra a l'adresse du lien et dans le selecte tu met un onchange

Code HTML :
<select onChange="self.location =value">
<option value="">Choisissez !</option>
<option value="site_a.html">site a</option>
<option value="site_b.html">site b</option>
<option value="site_c.html">site c</option>
</select> 
vendredi 22 octobre 2010 à 18:11:50 | Re : Pblm dans le code menu déroulant avec lien (javascript)

alexhtml

Merci pour ton aide kazma, je vais essayer.
samedi 23 octobre 2010 à 11:58:02 | Re : Pblm dans le code menu déroulant avec lien (javascript)

alexhtml

kazma, j'ai essayé mais ça ne fonctionne pas comme je pensais.

J'ai essayé comme ça :


1.<html>
2.<title>liste déroulante dynamique</title>
3.<head>
4.<script language="Javascript" type="text/javascript" >
5.function choix(formulaire)
6.{
7.var j;
8.var i = formulaire.boite1.selectedIndex;
9.if (i == 0)
10.for(j = 1; j <3; j++)
11.formulaire.boite2.options[j].text="";
12.
13.
14.else
15.{
16.switch (i)
17.{
18.case 1 : var text = new Array( "un","deux","trois");
19.break;
20.
21.case 2 : var text = new Array("quatre","cinq","six");
22.break;
23.
24.case 3 : var text = new Array("sept","huit","neuf");
25.break;
26.}
27.
28.for(j = 0; j<3; j++)
29.formulaire.boite2.options[j+1].text=text[j];
30.}
31.formulaire.boite2.selectedIndex=0;
32.}
33.</script>
34.</head>
35.
36.<body>

37.<form name="formulaire">
<select onChange="self.location =value">
<option value="">Choisissez !</option>
<option value="site_a.html">site a</option>
<option value="site_b.html">site b</option>
<option value="site_c.html">site c</option>
</select>

46.<select name="boite2">
47.<OPTION>-- Choisissez une page ---</OPTION>
48.<option>book</option>
49.<option>livre</option>
50.<option>cahier</option>
51.
52.</form>
53.</select>
54.</body>
55.</html>


Mon problème c'est que je souhaiterais avoir dans la première case 3 choix possibles:
1) book
2) livre
3) cahier

et en fonction du choix dans la première case, dans la deuxième on verra :

si book => un, deux, trois
si livre => quatre, cinq, six
si cahier => sept, huit, neuf

MAIS un, deux, tois, quatre etc. doivent être des liens! Je ne sais plus comment faire, j'ai déjà essayé avec herf !

Help !
lundi 1 novembre 2010 à 14:47:45 | Re : Pblm dans le code menu déroulant avec lien (javascript)

roger1965




Salut,
ma question est la suivante:

j'aimerais connaitre le code suivant:

j'ai mis un video dans ma page web , et une liste des video à côté qui contient les video à voir. En cliquant sur le nom du video dans le liste la video s'affice à coté, sans aller dans une autre page.
voir le link : http://expoclic.com/videotest/
si je vais mettre encore plus des vidéos, l'écran sera rempli !!
Ma demande est que cette liste soit dans un menu déroulante ou liste déroulante,,! pour ne pas encombrer la page.

Merci de votre aide.

roger1965.
roger011061@yahoo.ca


Cette discussion est classée dans : menu, code, déroulant, choix, pblm


Répondre à ce message

Sujets en rapport avec ce message

Menu Déroulant Ajax [ par Catalarem ] Alors ben tout d'abord un grand merci à cette fabuleuse communauté qui je le sens (depuis que je me suis enfin convaincu moi même que le bon vieux HTM Probléme compatibilité menu déroulant [ par cmaelc ] Bonjour, voila le code source d'un menu déroulant, cépendant il n'est pas compatible internet explorer :( Je ne sait pas du tout comment faire, voici Menu déroulant [ par odakawoi ] Salut à vous, Voici, tout d'abord, mes codes : [B]En :[/B] [CODE=java] function chgpage(formulaire) { if (formulaire.listepages.selectedIndex Afficher le résultat d'un menu déroulant [ par reto25 ] Bonjour, Voici mon code et je vous expliquerais ensuite ce que je souhaite. [code=html] Vous souhaitez agrandir votre aéroport en H9 - ( menu déroulant [ par Masterfoums ] Bonjour, je débute un peu dans le milieu et je m'oppose à un problème de création de menu. Je tente vainement actuellement de faire apparaitre un men Choisir entre 2 partie d'un forumaires [ par JypX ] Bonjour, Je ne veux pas faire juste cacher l'une des 2 parties d'un formulaire mais que seul la partie active soit envoyer et pas les 2 comme c'est l Problème menu déroulant jquery [ par SkyDragon ] Bonjour, J'utilise un script de jquery pour obtenir un menu déroulant dans un tableau lorsque l'on clique dessus. Cependant, je vous laisse regarder activer menu par checkbox [ par daporoty ] Bonjour à tous, Je ne sais pas exactement si mon message est dans la bonne rubrique (voir le bon forum), car j'apprend et je code en php mais je ne c javascript et php [ par noob2 ] Bonjour tout le monde, J'ai récupérer un code javascript sur ce site afin d'avoir 1 menu d'éroulant, la structure des liens du menu est gérer par des recherche code javascript [ par choukate ] Bonjour, je souhaitais reproduire ce type d'animation http://www.spartoo.com/ uniquement le menu de droite qui fait apparaitre un calque avec menu cl


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,296 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales