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 :
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) {
- 7.
- 8. // Booléen reconnaissant le navigateur
- 9. isIE = (document.all)
- 10. isNN6 = (!isIE) && (document.getElementById)
- 11.
- 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);
- 15.
- 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>
- 27.
- 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>
- 44.
- 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 :
Code :
- 1. While (row("marque" )).count>0)
- 2.
- 3. limarque.text="<tr>"
- 4. limarque.text&="<td class=""titre"" onClick=""clicMenu('1')""> row(""marque"" )</td>"
- 5. limarque.text&="</tr>"
- 6.
- 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
- 13.
- 14. End While
|
Je ne sais pas si ce code fonctionne, aurez-vous d'autres pistes?
Merci ! ...
