login  Naam:   Wachtwoord: 
Registreer je!
 Forum

option velden

Offline pj_muller00 - 12/10/2005 18:56
Avatar van pj_muller00PHP interesse Het is jullie waarschijnlijk wel bekend ...
Eerst kies je een optie uit een eerste select(bv duitse auto's), dan kan je vervolgens in een tweede merken kiezen(enkel duitse auto's natuurlijk ... pak nu Volkswagen) en daarna heb je er nog een derde en daar kan je dus enkel de modellen van volkswagen kies (bv Tuareg -> zalige auto )

Dit zou ik nu ook willen doen enkel dat al dat auto gedoe moet worden vervangen door links, sublinks, en links die nog een niveau lager zitten.

Deze zitten allen in een database (sql)

Hoe moet ik dat nu doen ?

Groete,
Pj 

5 antwoorden

Gesponsorde links
Offline Lemon - 12/10/2005 19:14
Avatar van Lemon PHP expert Je maakt een dynamische javascript code aan met php ;)

In principe is je hele ding 1 grote array. 4d arraytje.

Je echo't dat op een bepaalde wijze dat je een data array hebt in je javascriptcode.

Daarna moet je met javascript code de vervolgcode maken.

Dus het weergeven van de eerste lijst. Als men erop klikt, naar de volgende lijst gaan.

Omdat javascript clientcode is ga je dus de waarden niet rechtstreeks uit je DB kunnen halen.
Offline pj_muller00 - 12/10/2005 19:22
Avatar van pj_muller00 PHP interesse ja ok ... als je wilt steek ik al die gegevens wel in een array ... maar ik absoluut (of toch praktisch niets van) javascript ... zou er voor iemand vlug een voorbeeldje of de code geve 

Pj 
Offline Gerard - 12/10/2005 19:23
Avatar van Gerard Ouwe rakker als ik het goed begrijp heb je dus links in de database zitten en deze moeten als GEWONE links getoond worden? simpel dan toch, parent id's aangeven in de tabel en die eruit trekken met wat queries 
Offline stenno - 12/10/2005 19:42 (laatste wijziging 14/10/2005 09:41)
Avatar van stenno PHP interesse
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <head>
  3. <title>Untitled</title>
  4. <script type="text/javascript">
  5. <!--
  6. function show()
  7. {
  8.  {if(document.FORMNAAM.selectnaam.options[0].selected)
  9.   {
  10. document.getElementById('div1.1').style.display = 'none';
  11. document.getElementById('div1.2').style.display = 'none';
  12. document.getElementById('div1.2').style.display = 'none';
  13. document.getElementById('div3.2').style.display = 'none';
  14. document.getElementById('div3.1').style.display = 'none';
  15. document.getElementById('div2.1').style.display = 'none';
  16. document.getElementById('div2.2').style.display = 'none';
  17. }
  18. else
  19.  {if(document.FORMNAAM.selectnaam.options[1].selected)
  20.   {
  21. document.getElementById('div1.1').style.display = 'block';
  22. document.getElementById('div1.2').style.display = 'none';
  23. document.getElementById('div3.2').style.display = 'none';
  24. document.getElementById('div3.1').style.display = 'none';
  25. document.getElementById('div2.1').style.display = 'none';
  26. document.getElementById('div2.2').style.display = 'none';
  27. }
  28. else
  29.  {if(document.FORMNAAM.selectnaam.options[2].selected)
  30.   {
  31. document.getElementById('div1.2').style.display = 'block';
  32. document.getElementById('div1.1').style.display = 'none';
  33. document.getElementById('div3.2').style.display = 'none';
  34. document.getElementById('div3.1').style.display = 'none';
  35. document.getElementById('div2.1').style.display = 'none';
  36. document.getElementById('div2.2').style.display = 'none';
  37.   }
  38.  }
  39.  }
  40.  }
  41. }
  42. function show1()
  43. {
  44.  {if(document.FORMNAAM.selectnaam1.options[1].selected)
  45.   {
  46. document.getElementById('div2.1').style.display = 'block';
  47. document.getElementById('div2.2').style.display = 'none';
  48. document.getElementById('div3.1').style.display = 'none';
  49. document.getElementById('div3.2').style.display = 'none';
  50. }
  51. else
  52.  {if(document.FORMNAAM.selectnaam1.options[2].selected)
  53.   {
  54. document.getElementById('div2.2').style.display = 'block';
  55. document.getElementById('div2.1').style.display = 'none';
  56. document.getElementById('div3.1').style.display = 'none';
  57. document.getElementById('div3.2').style.display = 'none';
  58.   }
  59.  }
  60.  }
  61. }
  62. function show2()
  63. {
  64.  {if(document.FORMNAAM.selectnaam2.options[1].selected)
  65.   {
  66. document.getElementById('div3.1').style.display = 'block';
  67. document.getElementById('div3.2').style.display = 'none';
  68. document.getElementById('div2.1').style.display = 'none';
  69. document.getElementById('div2.2').style.display = 'none';
  70. }
  71. else
  72.  {if(document.FORMNAAM.selectnaam2.options[2].selected)
  73.   {
  74. document.getElementById('div3.2').style.display = 'block';
  75. document.getElementById('div3.1').style.display = 'none';
  76. document.getElementById('div2.1').style.display = 'none';
  77. document.getElementById('div2.2').style.display = 'none';
  78.   }
  79.  }
  80.  }
  81. }
  82.  
  83. -->
  84. </script>
  85. </head>
  86. <body>
  87. <form name="FORMNAAM">
  88.  
  89. <div id="div0">
  90. Landen
  91. <select name="selectnaam" onchange="show()">
  92. <option>selecteer een land</option>
  93. <option>Duitseland</option>
  94. <option>Engeland</option>
  95. </select>
  96. </div>
  97.  
  98. <div id="div1.1" style="display:none">
  99. Merken
  100. <select name="selectnaam1" onchange="show1()">
  101. <option>selecteer een merk</option>
  102. <option>Volkswagen</option>
  103. <option>Mercedes</option>
  104. </select>
  105. </div>
  106.  
  107. <div id="div1.2" style="display:none">
  108. Merken
  109. <select name="selectnaam2" onchange="show2()">
  110. <option>selecteer een merk</option>
  111. <option>Old timer</option>
  112. <option>Jaguar</option>
  113. </select>
  114. </div>
  115.  
  116. <div id="div2.1" style="display:none">
  117. Soort auto's
  118. <select name="" onchange="show2()">
  119. <option>selecteer een soort auto</option>
  120. <option>Golf</option>
  121. <option>Tuareg</option>
  122. </select>
  123. </div>
  124.  
  125. <div id="div2.2" style="display:none">
  126. Soort auto's
  127. <select name="" onchange="show2()">
  128. <option>selecteer een soort auto</option>
  129. <option>S type</option>
  130. <option>E type</option>
  131. </select>
  132. </div>
  133.  
  134. <div id="div3.1" style="display:none">
  135. Soort auto's
  136. <select name="" onchange="">
  137. <option>selecteer een soort auto</option>
  138. <option>Old timer x</option>
  139. <option>Old timer y</option>
  140. </select>
  141. </div>
  142.  
  143. <div id="div3.2" style="display:none">
  144. Soort auto's
  145. <select name="" onchange="">
  146. <option>selecteer een soort auto</option>
  147. <option>X type</option>
  148. <option>S type</option>
  149. </select>
  150. </div>
  151.  
  152. </form>
  153. </body>
  154. </html>


sorry kan veel korter maar geen tijd  post van de week verbeterde code

ipv volkswagen enzo je query echoën

edit1) let op mijn fantastische kennis van auto's 
Offline pj_muller00 - 12/10/2005 21:42
Avatar van pj_muller00 PHP interesse Het werkt idd ... nu nog wat korter  aub 
Merci hé
Pj 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.2s