login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Automatische select

Offline thyssimonis - 25/10/2005 00:29 (laatste wijziging 25/10/2005 00:49)
Avatar van thyssimonisPHP interesse Hoi,

Ik kom weer met de automatische select nu nog een extra select er bij!
Ik heb het geprobeerd maar lukte niet.
Heb het volgende:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. <!--
  3. function show()
  4. {
  5.  {if(document.form1.groep.options[1].selected)
  6.   {
  7. document.getElementById('rasHorde1').style.display = 'block';
  8. document.getElementById('rasAlliance1').style.display = 'none';
  9. document.getElementById('niets').style.display = 'none';
  10. }
  11.  
  12. else
  13.  {if(document.form1.groep.options[2].selected)
  14.   {
  15. document.getElementById('niets').style.display = 'none';
  16. document.getElementById('rasAlliance1').style.display = 'block';
  17. document.getElementById('rasHorde1').style.display = 'none';
  18.   }
  19.  }
  20.  }
  21. }
  22. -->
  23. </script>
  24. <?
  25. echo '<form action="?page=leden/aanmelden" method="post" name="form1">
  26.       <table>
  27.       <tr><td>Groep</td><td><select name="groep" onchange="show()">
  28.                             <option value="0">Selecteer groep</option>
  29.                             <option value="1">Horde</option>
  30.                             <option value="2">Alliance</option>
  31.                             </select></td></tr>
  32.       <tr><td>Ras</td><td><div id="rasHorde1" style="display:none;"><select name="ras">
  33.                           <option value="0">Selecteer ras</option>
  34.                           <option value="1">Dwarves</option>
  35.                           <option value="2">Gnomes</option>
  36.                           <option value="3">Humans</option>
  37.                           <option value="4">Night elves</option>
  38.                           </select></div><div id="rasAlliance1" style="display:none;"><select name="ras">
  39.                           <option value="0">Selecteer ras</option>
  40.                           <option value="5">Orcs</option>
  41.                           <option value="6">Tauren</option>
  42.                           <option value="7">Trolls</option>
  43.                           <option value="8">Undead</option>
  44.                           </select></div>
  45.                           <div id="niets" style="display:block;">
  46.                           <select name="ras">
  47.                           <option value="0">Selecteer ras</option>
  48.                           </select></div></td></tr>
  49.       <tr><td>Class</td><td><div id="rasDwarves1" style="display:none;"><select name="class">
  50.                           <option value="0">Selecteer class</option>
  51.                           <option value="Paladin">Paladin</option>
  52.                           <option value="Rogue">Rogue</option>
  53.                           <option value="Priest">Priest</option>
  54.                           <option value="Hunter">Hunter</option>
  55.                           </select></div>
  56.                           <div id="niets" style="display:block;">
  57.                           <select name="class">
  58.                           <option value="0">Selecteer class</option>
  59.                           </select></div></td></tr>
  60.       </table>
  61.       </form>';
  62. ?>


1. warrior = All Races
2. paladin Humans, Dwarves
3. rogue = Gnomes, Humans, Dwarves, Night Elves, Orcs, Undead, Trolls
4. priest = Humans, Dwarves, Night Elves, Undead, Trolls
5. mage = Humans, Gnomes, Undead, Trolls
6. warlock = Gnomes, Humans, Orcs, Undead
7. hunter = Night Elves, Dwarves, Orcs, Tauren, Trolls
8. druid = Night Elves, Tauren
9. shaman = Orcs, Tauren, Trolls

Als dus her ras Dwarvers word geselecteert moet de select Classe de juiste select pakke met daar in de classes die bij het ras horen.
als u me hier mee helpt ben ik je eewig dankbaar wat ik snap er geen *** van.

Mvg. T. Simonis

P.s. Voor de duidelijkheid er moeten dus 8 <div> bij komen.

4 antwoorden

Gesponsorde links
Offline RdR - 25/10/2005 02:21 (laatste wijziging 25/10/2005 02:22)
Avatar van RdR PHP interesse WoW zit alleen wel fout in als je Horde doet krijg je dwarves humans en gnomes en Alliance Tauren enzo
Offline thyssimonis - 25/10/2005 14:54
Avatar van thyssimonis PHP interesse Ow. Maar dat is me probleem niet hi moet nog de juiste class select pakken.
Offline Thomas - 26/10/2005 12:38 (laatste wijziging 26/10/2005 12:38)
Avatar van Thomas Moderator Kun je niet beter een array allowed_classes bouwen, die op grond van een race je class-div vult?

Zal vanavond eens zien.
Offline stenno - 31/10/2005 20:20 (laatste wijziging 31/10/2005 22:16)
Avatar van stenno PHP interesse Hier ik heb het maar even voor je gemaakt. Je moet het uiteraard zelf nog even perfectioneren en aanpassen wat je nog wil veranderen.

Maar dit is wel de bassis.

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. var aa = Array ('1','2','3','4')
  7. var horde = Array('Humans','Dwarves','Gnomes','Night elves');
  8.  
  9. var horde1 = Array();
  10. horde1[0] = Array('Warrior','Paladin','Rogue','priest','mage','warlock');
  11. horde1[1] = Array('Warrior','Paladin','Rogue','priest','hunter','');
  12. horde1[2] = Array('Warrior','Rogue','mage','warlock','','');
  13. horde1[3] = Array('Warrior','Rogue','priest','hunter','druid','');
  14.  
  15. var alliance = Array('Trolls','Undead','Tauren','Orcs');
  16. var alliance1 = Array();
  17. alliance1[0] = Array('Warrior','Rogue','priest','mage','hunter','shaman');
  18. alliance1[1] = Array('Warrior','Rogue','priest','mage','warlock','');
  19. alliance1[2] = Array('Warrior','hunter','druid','shaman','','');
  20. alliance1[3] = Array('Warrior','Rogue','warlock','hunter','shaman','');
  21.  
  22. var y = horde.length;
  23.  
  24. function show ()
  25. {
  26. for(x=0;x<y;x++)
  27. {
  28.  {
  29.  if (document.form1.groep.value == "1") 
  30.   {		
  31. 	document.getElementById('option1.'+aa[x]).innerHTML = horde[x];
  32.   }
  33.  else
  34. {
  35.  if (document.form1.groep.value == "2")
  36.   {
  37. 	document.getElementById('option1.'+aa[x]).innerHTML = alliance[x];
  38. 	}
  39.  }
  40.  }
  41. }
  42. for(x=0;x<y;x++)
  43. { 	
  44.  {
  45.  if ((document.form1.ras.value == "1") && (document.form1.groep.value == "1"))
  46.   {
  47. 	document.getElementById('option2.'+aa[x]).innerHTML = horde1[0][x];
  48. 	}
  49.  else
  50.  {
  51.  if ((document.form1.ras.value == "2")&& (document.form1.groep.value == "1"))
  52.   {
  53. 	document.getElementById('option2.'+aa[x]).innerHTML = horde1[1][x];
  54. 	}
  55.  else
  56.  {
  57.  if ((document.form1.ras.value == "3")&& (document.form1.groep.value == "1"))
  58.   {
  59. 	document.getElementById('option2.'+aa[x]).innerHTML = horde1[2][x];
  60. 	}
  61.  else
  62.  {
  63.  if ((document.form1.ras.value == "4")&& (document.form1.groep.value == "1"))
  64.   {
  65. 	document.getElementById('option2.'+aa[x]).innerHTML = horde1[3][x];
  66. 	}
  67.  }
  68.  }
  69.  }
  70.  }
  71.  {
  72.  if ((document.form1.ras.value == "1")&& (document.form1.groep.value == "2"))
  73.   {
  74. 	document.getElementById('option2.'+aa[x]).innerHTML = alliance1[0][x];
  75. 	}
  76.  else
  77.  {
  78.  if ((document.form1.ras.value == "2")&& (document.form1.groep.value == "2"))
  79.   {
  80. 	document.getElementById('option2.'+aa[x]).innerHTML = alliance1[1][x];
  81. 	}
  82.  else
  83.  {
  84.  if ((document.form1.ras.value == "3")&& (document.form1.groep.value == "2"))
  85.   {
  86. 	document.getElementById('option2.'+aa[x]).innerHTML = alliance1[2][x];
  87. 	}
  88.  else
  89.  {
  90.  if ((document.form1.ras.value == "4")&& (document.form1.groep.value == "2"))
  91.   {
  92. 	document.getElementById('option2.'+aa[x]).innerHTML = alliance1[3][x];
  93. 	}
  94.  }
  95.  }
  96.  }
  97.  }
  98. }
  99. }
  100.  
  101. -->
  102. </script>
  103. </head>
  104. <body>
  105. <form name="form1">
  106.       <table>
  107.       			 								<tr>	 								
  108. 														<td>Groep</td>		
  109. 														<td>
  110. 														<select name="groep" onchange="show()">
  111.                             <option value="0">Selecteer groep</option>
  112.                             <option value="1">Horde</option>
  113.                             <option value="2">Alliance</option>
  114.                             </select>
  115. 														</td>
  116. 														</tr>
  117.       											<tr>
  118. 														<td>Ras</td><td>
  119. 														<select name="ras" onchange="show()">
  120.                           	<option value="0">Selecteer ras</option>
  121.                           	<option id="option1.1" value="1"></option>
  122.                           	<option id="option1.2" value="2"></option>
  123.                           	<option id="option1.3" value="3"></option>
  124.                           	<option id="option1.4" value="4"></option>
  125.                           	</select>
  126.                           	</td>
  127. 														</tr>
  128.       											<tr>
  129. 														<td>Class</td>
  130. 														<td>
  131. 														<select name="class">
  132.                           	<option value="0">Selecteer class</option>
  133.                           	<option id="option2.1" value="1"></option>
  134.                           	<option id="option2.2" value="2"></option>
  135.                           	<option id="option2.3" value="3"></option>
  136.                           	<option id="option2.4" value="4"></option>
  137. 														<option id="option2.5" value="5"></option>
  138. 														<option id="option2.6" value="6"></option>
  139.                           	</select>
  140.                   					</td>
  141. 														</tr>
  142.       </table>
  143.       </form>
  144.  
  145. </body>
  146. </html>


Voor vragen kan je mij altijd spreken op msn: sten_goes@Hotmail.com:p

Ps. Admins ik zou nog altijd graag de status javascript gevorderde hebben ^^

vinTage edit, al beter zo ?

Edit1) perfect !!! ^^
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.203s