[Votre Avis] - Selection d'un theme -> Catégorie -> Sous-catégorie

- Selection d'un theme -> Catégorie -> Sous-catégorie [Votre Avis] - HTML/CSS - Programmation

Marsh Posté le 07-10-2004 à 10:49:09    

Voila, dans le cadre d'un site internet, je dois à un moment donner dans une fenêtre, donner à l'utilisateur la possibilité de choisir un thème, puis une catégorie, puis enfin une sous-catégorie.  
 
Pour cela je dispose d'une base de donnée contenant une liste de "rubriques" avec le numéro de la rubrique et l'intitulé de la rubrique. La numérotation s'effectue sur 4 chiffres, si bien qu'au final, toutes les rubriques des milliers (1000, 2000, 3000, ...) représentent les "thèmes", toutes les rubriques des centaines (1100, 1200, 1300, ...) représentent les "catégories", et le reste (1101, 1102, 1103...) représentent les sous-catégories.
 
Primo, il y a environ 250 rubriques, et donc, je ne peux pas me permettre de juste mettre une liste déroulante pour le choix.
 
Secundo, ce que je souhaite récupérer au final, c'est le code de la rubrique. (L'intitulé ne m'interesse evidement pas, puisqu'a partir du numéro je peux le récupérer.)
 
Comme cette liste est sujete à changements et que la base de donnée n'est pas exclusive à internet, ces données restent dynamique.
 
Pour la génération de la page, j'ai à ma disposition le PHP.
 
-------
 
J'imaginais au départ faire 3 menus déroulants avec génération dynamique par javascript du contenu affiché en fonction des sélections. (L'utilisateur sélectionne les 1000, affichage des 1100, 1200, ...  dans le menu déroulant "catégorie".)
 
Une autre solution consisterait à le générer en php et à afficher la page au fur et a mesure de son choix. La fenetre étant en pop-up (ouhouh, c'est mal ! ;)), elle ne contiendra que ce menu.
 
Mais je me demande si c'est vraiment la plus belle méthode. Avez-vous des sugestions ?


Message édité par ucl-madcow le 07-10-2004 à 10:52:49
Reply

Marsh Posté le 07-10-2004 à 10:49:09   

Reply

Marsh Posté le 07-10-2004 à 13:17:47    

un ptit code que j'ai eu utiliser ...
cadeau ...
 

Code :
  1. <SCRIPT type="text/javascript">
  3. var menu=new CreerMenu(3,"Theme","Categorie","SousCategorie","SousSousCategorie","_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,"1000","" );
  11. menu.Add(2,"1100","" );
  12.  menu.Add(3,"1110","URL" );
  13.  menu.Add(3,"1120","URL" );
  14. menu.Add(2,"1200","" );
  15.  menu.Add(3,"1210","URL" );
  16.  menu.Add(3,"1220","URL" );
  17. menu.Add(1,"2000","" );
  18. menu.Add(2,"2100","" );
  19.  menu.Add(3,"2110","URL" );
  20.  menu.Add(3,"2120","URL" );
  21. menu.Add(2,"2200","" );
  22.  menu.Add(3,"2210","URL" );
  23.  menu.Add(3,"2220","URL" );
  25. function CreerMenu(profondeur,titre1,titre2,titre3,titre4,target) {
  26. this.nb=0;this.prof=profondeur;
  27. this.titre1=titre1; this.titre2=titre2; this.titre3=titre3; this.titre4=titre4; this.target=target
  28. this.Add=AddObjet;
  29. this.Aff=AffMenu;
  30. }
  31. function AddObjet(deep,txt,page) {
  32. var rub = new Object;
  33. rub.deep=deep;
  34. rub.txt=txt;
  35. rub.page=page;
  36. this[this.nb]=rub;
  37. this.nb++;
  38. }
  39. function AffMenu() {
  40. var Z="<FORM name='mf'>";
  41. Z+="<SELECT size=1 name='list1' onChange='Clic(1)'><OPTION selected>"+this.titre1+"</OPTION>";
  42. for (var i=0;i<this.nb;i++) {
  43.  if (this[i].deep==1) {
  44.   Z+="<OPTION value='"+i+"'>"+this[i].txt+"</OPTION>"
  45.  }
  46. }
  47. Z+="</SELECT><br>";
  48. for (var i=2;i<=menu.prof;i++) {
  49.  Z+="<SELECT name='list"+i+"' onChange='Clic("+i+" )'><OPTION>"+eval("menu.titre"+i)+"</OPTION><OPTION></OPTION><OPTION></OPTION><OPTION></OPTION><OPTION></OPTION><OPTION></OPTION></SELECT><BR>";
  50. }
  51. Z+="</FORM>";
  52. document.write(Z);
  53. }
  54. function add() {
  55. var c=new Option("ADD","",true,true);
  56. document.forms[0].elements["list"].options[0]=c;
  57. }
  58. function Clic(no) {
  59. var valeur=document.forms["mf"].elements["list"+no].options[ document.forms["mf"].elements["list"+no].selectedIndex].value;
  60. if ((valeur!="" )&&(valeur!=null)&&(no<menu.prof)) {
  61.  var deep=menu[valeur].deep;
  62.  var no2=1;
  63.  for (var noX=(no+1);noX<=menu.prof;noX++) {
  64.   document.forms["mf"].elements["list"+eval(noX)].options.length=0;
  65.   var titre=eval("menu.titre"+noX);
  66.   var c=new Option(titre);
  67.   document.forms["mf"].elements["list"+(noX)].options[0]=c;
  68.   document.forms["mf"].elements["list"+(noX)].selectedIndex=0;
  69.  }
  70.  valeur++;
  71.  for (var i=valeur;i<menu.nb;i++) {
  72.   //alert(i);
  73.   if (menu[i].deep==deep+1) {
  74.    //alert("no="+no+" texte="+menu[i].txt);
  75.    var c=new Option(menu[i].txt,i);
  76.    document.forms["mf"].elements["list"+(no+1)].options[no2]=c;
  77.    no2++;
  78.   } else { if (menu[i].deep==deep){i=menu.nb;}}
  79.  }
  80.  document.forms["mf"].elements["list"+(no+1)].options.length=no2+1;
  81.  document.forms["mf"].elements["list"+(no+1)].selectedIndex=0;
  82.  Clic(no+1)
  83.  valeur--;
  84. }
  85. if ((valeur!="" )&&(valeur!=null)) {
  86.  var page=menu[valeur].page;
  87.  if ((page!="" )&&(page!=null)) {
  88.   if (menu.target=="self" ) {window.location=page}
  89.   else if (menu.target=="_blank" ) {window.open(page,"","menubar,scrollbars,toolbar,status,location" )}
  90.   else {parent.frames[menu.target].location.href=page;}
  91.  }
  92. }
  93. }
  96. </SCRIPT>

Reply

Sujets relatifs:

Leave a Replay

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