Menu déroulant vertical dynamique

Menu déroulant vertical dynamique - C#/.NET managed - Programmation

Marsh Posté le 08-05-2009 à 18:21:56    

Bonjourrr,
 
Je travaille en vb.net  
et je souhaite faire un menu vertical déroulant et [COLOR="DarkRed"]dynamique [/COLOR]
(c'est-à-dire que les noms des menus et sous-menu sont stockées dans la base de données)
 
j'arrive à créer le menu déroulant en html mais comment le rendre dynamique???
Faut-il utiliser un genre de gridview? un literal ? ou autre???
 
Code html pour le menu vertical déroulant (non dynamique) :

Code :
  1. <html>
  2. <head>
  3. <title>Untitled Document</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <script language="Javascript">
  6. function clicMenu(num) {
  8. // Booléen reconnaissant le navigateur
  9. isIE = (document.all)
  10. isNN6 = (!isIE) && (document.getElementById)
  12. // Compatibilité : l'objet menu est détecté selon le navigateur
  13. if (isIE) menu = document.all['menu' + num];
  14. if (isNN6) menu = document.getElementById('menu' + num);
  16. // On ouvre ou ferme
  17. if (menu.style.display == "none" ){
  18. // Cas ou le tableau est caché
  19. menu.style.display = ""
  20. } else {
  21. // On le cache
  22. menu.style.display = "none"
  23. }
  24. }
  25. </script>
  26. </head>
  28. <style type="text/css">
  29. td.titre {
  30. font-family: Verdana, Arial, Helvetica, sans-serif;
  31. font-size: 11px;
  32. color: #000000;
  33. background-color: #959EAD;
  34. cursor: hand
  35. }
  36. td.soustitre {
  37. font-family: Verdana, Arial, Helvetica, sans-serif;
  38. font-size: 10px;
  39. color: #000000;
  40. background-color: #C3C9D4;
  41. cursor: hand
  42. }
  43. </style>
  45. <body bgcolor="#FFFFFF" text="#000000">
  46. <table width="200" border="0" cellspacing="1" cellpadding="0">
  47.  <tr>
  48.   <td class="titre" onClick="clicMenu('1')">BMW</td>
  49.  </tr>
  50.  <tr style="display:none" id="menu1">
  51.   <td><table width="200" border="0" cellspacing="0" cellpadding="0">
  52.    <tr>
  53.     <td class="soustitre"> - Série 3</td>
  54.    </tr>
  55.    <tr>
  56.     <td class="soustitre"> - Série 1</td>
  57.    </tr>
  58.   </table></td>
  59.  </tr>
  60.  <tr>
  61.   <td class="titre" onClick="clicMenu('2')">Mercedes</td>
  62.  </tr>
  63.  <tr style="display:none" id="menu2">
  64.   <td><table width="200" border="0" cellspacing="0" cellpadding="0">
  65.    <tr>
  66.     <td class="soustitre"> - Classe R</td>
  67.    </tr>
  68.    <tr>
  69.     <td class="soustitre"> - Classe S</td>
  70.    </tr>
  71.  </table></td>
  72.  </tr>
  73. </table>
  74. <br> <br>
  75. </body>
  76. </html>


 
 
Avec un literal ça donnerai ça: (je n'ai pas testé)
Requete SQL :  
blablabla
SELECT marques, sousmarque
FROM auto
GROUP BY marques, sousmarque
ORDER BY marques, sousmarque
blablabla
 

Code :
  1. While (row("marque" )).count>0)
  3. limarque.text="<tr>"
  4. limarque.text&="<td class=""titre"" onClick=""clicMenu('1')""> row(""marque"" )</td>"
  5. limarque.text&="</tr>"
  7. While (row("sousmarque" ).count>0)
  8.         lisousmarque.text="<tr style=""display:none"" id=""menu1"">"
  9.  lisousmarque.text&="<td><table width=""200"" border=""0"" cellspacing=""0"" cellpadding=""0"">"
  10.  lisousmarque.text&="<tr><td class=""soustitre"">row(""sousmarque"" )</td></tr>"
  11.  lisousmarque.text&="</table></td><tr>"
  12. End While
  14. End While


 
 
Je ne sais pas si ce code fonctionne, aurez-vous d'autres pistes?
 
Merci ! ...

Reply

Marsh Posté le 08-05-2009 à 18:21:56   

Reply

Sujets relatifs:

Leave a Replay

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