[HTML]Comment utiliser la sélection d'une liste de choix ?

Comment utiliser la sélection d'une liste de choix ? [HTML] - HTML/CSS - Programmation

Marsh Posté le 16-03-2004 à 16:00:08    

Bonjour,
 
j'aimerais avoir la possibilité dans une page HTML d'afficher soit un liste déroulante soit des cases à cocher ou autres à partir d'une séléction réalisée depuis une liste déroulante.
 
Par exemple, si je sélectionne un écran : le S89562, j'aimerais pouvoir choisir alors pour lui les résolutions 1024x768, 1280x1024 et 1400x1050.
 
Est-ce possible ?
et si oui comment faire ?
 
Merci


Message édité par athon le 16-03-2004 à 16:01:38
Reply

Marsh Posté le 16-03-2004 à 16:00:08   

Reply

Marsh Posté le 17-03-2004 à 00:24:24    

un truc que j'ai pecher je sais plus ou, j'en suis pas l'auteru, et je l'est jamais servis ...
mais il fait ce que tu veut ...

Code :
  1. <HTML><HEAD><TITLE>Menu arborescent en listes déroulantes</TITLE>
  2. <SCRIPT LANGUAGE="JavaScript">
  4. var menu=new CreerMenu(4,"Continent","Pays","Commune","Ville","_blank" );
  5. // CreerMenu(Nb de listes, titre1, titre2, titre3, target)
  6. // Nb listes=4 maxi
  7. // Les 4 titres sont obligatoires (meme si Nb_liste<4)
  8. // target=nom de la frame ou "self" si c'est la fenetre elle meme, "_blank" pour une nouvelle
  9. // Pour ajouter les liens dans les listes, utiliser menu.Add
  10. // Menu.Add(numéro de la liste, texte, page à charger)
  11. menu.Add(1,"Amérique","" );
  12. menu.Add(2,"USA","" );
  13.  menu.Add(3,"Texas","" );
  14.   menu.Add(4,"Las Vegas","http://www.google.ch" );
  15.  menu.Add(3,"Floride","http://www.praktica.com" );
  16.   menu.Add(4,"Ville de floride 1","http://www.google.ch" );
  17.   menu.Add(4,"Ville de floride 2","http://www.google.ch" );
  18. menu.Add(2,"Mexique","" );
  19.  menu.Add(3,"Montagne","" );
  20.   menu.Add(4,"Ville de montagne 1","http://www.google.ch" );
  21.   menu.Add(4,"Ville de montagne 2","http://www.google.ch" );
  22.  menu.Add(3,"Plaine","" );
  23.   menu.Add(4,"Ville de plaine 1","http://www.google.ch" );
  24.   menu.Add(4,"Ville de plaine 2","http://www.google.ch" );
  25. menu.Add(1,"Europe","" );
  26. menu.Add(2,"Suisse","" );
  27.  menu.Add(3,"Vaud","" );
  28.   menu.Add(4,"Lausanne","http://www.google.ch" );
  29.   menu.Add(4,"Vevey","http://www.google.ch" );
  30.  menu.Add(3,"Fribourg","" );
  31.   menu.Add(4,"Châtel St Denis","http://www.google.ch" );
  32.   menu.Add(4,"Attalens","http://www.google.ch" );
  33.  menu.Add(3,"Genève","" );
  34.   menu.Add(4,"Morges","http://www.google.ch" );
  35.   menu.Add(4,"Genève","http://www.google.ch" );
  36. menu.Add(2,"France","" );
  37.  menu.Add(3,"Region parisienne","" );
  38.   menu.Add(4,"Ville de Paris 1","http://www.google.ch" );
  39.   menu.Add(4,"Ville de Paris 2","http://www.google.ch" );
  40.  menu.Add(3,"Region Canne","" );
  41.   menu.Add(4,"Ville de Cannes 1","http://www.google.ch" );
  42.   menu.Add(4,"Ville de Canness 2","http://www.google.ch" );
  44. function CreerMenu(profondeur,titre1,titre2,titre3,titre4,target) {
  45. this.nb=0;this.prof=profondeur;
  46. this.titre1=titre1; this.titre2=titre2; this.titre3=titre3; this.titre4=titre4; this.target=target
  47. this.Add=AddObjet;
  48. this.Aff=AffMenu;
  49. }
  50. function AddObjet(deep,txt,page) {
  51. var rub = new Object;
  52. rub.deep=deep;
  53. rub.txt=txt;
  54. rub.page=page;
  55. this[this.nb]=rub;
  56. this.nb++;
  57. }
  58. function AffMenu() {
  59. var Z="<FORM name='mf'>";
  60. Z+="<SELECT size=1 name='list1' onChange='Clic(1)'><OPTION selected>"+this.titre1+"</OPTION>";
  61. for (var i=0;i<this.nb;i++) {
  62.  if (this[i].deep==1) {
  63.   Z+="<OPTION value='"+i+"'>"+this[i].txt+"</OPTION>"
  64.  }
  65. }
  66. Z+="</SELECT><br>";
  67. for (var i=2;i<=menu.prof;i++) {
  68.  Z+="<SELECT size=1 name='list"+i+"' onChange='Clic("+i+" )'><OPTION>"+eval("menu.titre"+i)+"</OPTION><OPTION></OPTION><OPTION></OPTION><OPTION></OPTION><OPTION></OPTION><OPTION></OPTION></SELECT><BR>";
  69. }
  70. Z+="</FORM>";
  71. document.write(Z);
  72. }
  73. function add() {
  74. var c=new Option("ADD","",true,true);
  75. document.forms[0].elements["list"].options[0]=c;
  76. }
  77. function Clic(no) {
  78. var valeur=document.forms["mf"].elements["list"+no].options[ document.forms["mf"].elements["list"+no].selectedIndex].value;
  79. if ((valeur!="" )&&(valeur!=null)&&(no<menu.prof)) {
  80.  var deep=menu[valeur].deep;
  81.  var no2=1;
  82.  for (var noX=(no+1);noX<=menu.prof;noX++) {
  83.   document.forms["mf"].elements["list"+eval(noX)].options.length=0;
  84.   var titre=eval("menu.titre"+noX);
  85.   var c=new Option(titre);
  86.   document.forms["mf"].elements["list"+(noX)].options[0]=c;
  87.   document.forms["mf"].elements["list"+(noX)].selectedIndex=0;
  88.  }
  89.  valeur++;
  90.  for (var i=valeur;i<menu.nb;i++) {
  91.   //alert(i);
  92.   if (menu[i].deep==deep+1) {
  93.    //alert("no="+no+" texte="+menu[i].txt);
  94.    var c=new Option(menu[i].txt,i);
  95.    document.forms["mf"].elements["list"+(no+1)].options[no2]=c;
  96.    no2++;
  97.   } else { if (menu[i].deep==deep){i=menu.nb;}}
  98.  }
  99.  document.forms["mf"].elements["list"+(no+1)].options.length=no2+1;
  100.  document.forms["mf"].elements["list"+(no+1)].selectedIndex=0;
  101.  Clic(no+1)
  102.  valeur--;
  103. }
  104. if ((valeur!="" )&&(valeur!=null)) {
  105.  var page=menu[valeur].page;
  106.  if ((page!="" )&&(page!=null)) {
  107.   if (menu.target=="self" ) {window.location=page}
  108.   else if (menu.target=="_blank" ) {window.open(page,"","menubar,scrollbars,toolbar,status,location" )}
  109.   else {parent.frames[menu.target].location.href=page;}
  110.  }
  111. }
  112. }
  115. </SCRIPT>
  116. </HEAD>
  118. <BODY bgcolor="#FFFFFF" text="#FFFFFF" alink="#000066" link="#000066" vlink="#000066" >
  119. <FONT FACE="Arial" SIZE='-1' COLOR="#000099">
  121. <CENTER><BIG>Menu arborescent par listes déroulantes </BIG></CENTER>
  122. <BR>
  124. <SCRIPT language="JavaScript">
  125. menu.Aff();
  126. </SCRIPT>
  127. </BODY></HTML>


voilà
amuse toi bien  ;)


Message édité par Lorr Hyde le 17-03-2004 à 00:25:55

---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.
Reply

Marsh Posté le 17-03-2004 à 07:55:22    

Merci beaucoup à toi ;)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed