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