login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[js] 2 arrays

Offline lasdesigner - 05/11/2005 09:42
Avatar van lasdesignerPHP beginner Ik heb nu een klein simpel javascript codetje met 2 arrays:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript">
  2. var Familie = new Array(1)
  3. Familie[0] = "Coen"
  4. Familie[1] = "Luuk"
  5.  
  6.  
  7.  
  8. var FamilieLeeftijd = new Array(1)
  9. FamilieLeeftijd[0] = "17"
  10. FamilieLeeftijd[1] = "14"
  11.  
  12. </script>


Nu wil ik dit "aan elkaar koppellen" dus de leeftijd aan de mensen
dus dat ik straks een scriptje kan uitvoeren.

if(leeftijd < 14)

etc.
Maar dan moet ik weten hoe ik de naam, aan de leeftijd kan koppelen (javascript!)

alvast bedankt,
groet

13 antwoorden

Gesponsorde links
Offline Rens - 05/11/2005 10:42
Avatar van Rens Gouden medaille

Crew algemeen
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript">
  2. var Familie = new Array(1)
  3. Familie[0]['naam'] = "Coen";
  4. Familie[0]['leeftijd'] = "14";
  5.  
  6. Familie[1]['naam'] = "Luuk";
  7. Familie[1]['leeftijd'] = "17";
  8.  
  9. </script>


Zo misschien?
Een array in een array.
window.alert(Familie[0]['naam']+" is "+Familie[0]['leeftijd']+" jaar");
Zal een alert op het scherm zetten met:
"Coen is 17 jaar"
Offline lasdesigner - 05/11/2005 11:20 (laatste wijziging 05/11/2005 11:27)
Avatar van lasdesigner PHP beginner hé ja, dank je~!:)
Ik heb dit:

var Familie = new Array(1)
Familie[0]['naam'] = "Coen"
Familie[0]['leeftijd'] = "17"

Familie[1]['naam'] = "Luuk"
Familie[1]['leeftijd'] = "14"

for(i=0; i < Familie.length; i++)
{
if(Familie[i]['leeftijd'] < 15)
{
document.write("Hallo" + Familie[i]['naam'] + "Jij bent jonger dan 15")
}
else
{
document.write("Hallo" + Familie[i]['naam'] + "Jij bent ouder dan 14")
}
}

maar doet niks:S
Offline haytjes - 05/11/2005 12:35 (laatste wijziging 05/11/2005 12:53)
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde		 je moet overal ; achter schrijven:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script>
  2. var Familie = new Array(1);
  3. Familie[0]['naam'] = "Coen";
  4. Familie[0]['leeftijd'] = "17";
  5.  
  6. Familie[1]['naam'] = "Luuk";
  7. Familie[1]['leeftijd'] = "14";
  8.  
  9. for(i=0; i < Familie.length; i++)
  10. {
  11. 	if(Familie[i]['leeftijd'] < 15)
  12. 	{
  13. 		document.write("Hallo" + Familie[i]['naam'] + "Jij bent jonger dan 15");
  14. 	}
  15. 	else
  16. 	{
  17. 		document.write("Hallo" + Familie[i]['naam'] + "Jij bent ouder dan 14");
  18. 	}
  19. }
  20. </script>


je gebruik best de [code] om het leesbaarder te maken
Offline Ibrahim - 05/11/2005 14:35 (laatste wijziging 05/11/2005 14:36)
Avatar van Ibrahim PHP expert
Citaat:
je moet overal ; achter schrijven:


moet niet maar mag. Is aanbevolen. Ik quote een tutorial op deze site:

Citaat:
Zoals je misschien ziet is na elk statement een puntkomma gezet (;), dit is niet persé nodig maar het is toch wel zo overzichtelijk.


van deze tutorial

als het wel moet, sorry dan. Ik ben nog niet zo goed met JS 
Offline stenno - 05/11/2005 21:59 (laatste wijziging 05/11/2005 22:04)
Avatar van stenno PHP interesse Haytjes dit lijkt op jou script over navpanel dus ik denk wel dat jij het weet!

Even een vraag van mij :

Als je bijvoorbeeld 3 select listen hebt:

Dus zo:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <form name="form1">
  2. <td valign=top>
  3. 			<SELECT NAME="wedstrijden" MULTIPLE SIZE="2"onclick="a()" onchange="a()">
  4. 				<OPTION VALUE="1">Intern</option>
  5. 				<OPTION VALUE="2">Extern</option>
  6. 			</SELECT>
  7. 		</td>
  8. 		<td width="200" valign="top">
  9. 			<SELECT NAME="competitie" MULTIPLE SIZE="20" onclick="a()" onchange="a()">
  10. 							<OPTION id="option1.1" VALUE="1">Selecteer een wedstrijd</option>
  11. 							<OPTION id="option1.2" VALUE="2"></option>
  12. 							<OPTION id="option1.3" VALUE="3"></option>
  13. 							<OPTION id="option1.4" VALUE="3"></option>
  14. 							<OPTION id="option1.5" VALUE="5"></option>
  15. 							<OPTION id="option1.6" VALUE="6"></option>
  16. 							<OPTION id="option1.7" VALUE="7"></option>
  17. 							<OPTION id="option1.8" VALUE="8"></option>
  18. 							<OPTION id="option1.9" VALUE="9"></option>
  19. 							<OPTION id="option1.10" VALUE="10"></option>
  20. 							<OPTION id="option1.11" VALUE="11"></option>
  21. 							<OPTION id="option1.12" VALUE="12"></option>
  22. 							<OPTION id="option1.13" VALUE="13"></option>
  23. 							<OPTION id="option1.14" VALUE="14"></option>
  24. 							<OPTION id="option1.15" VALUE="15"></option>
  25. 							<OPTION id="option1.16" VALUE="16"></option>
  26. 							<OPTION id="option1.17" VALUE="17"></option>
  27. 							<OPTION id="option1.18" VALUE="18"></option>
  28. 							<OPTION id="option1.19" VALUE="19"></option>
  29. 							<OPTION id="option1.20" VALUE="20"></option>										
  30. 				</SELECT>
  31. 		</td>
  32. 		<td width="200" valign="top">
  33. 			<SELECT NAME="wit1" MULTIPLE SIZE="20" onclick="a()" onchange="a()">
  34. 							<OPTION id="option2.1" VALUE="1">Selecteer een groep/klasse</option>
  35. 							<OPTION id="option2.2" VALUE="2"></option>
  36. 							<OPTION id="option2.3" VALUE="3"></option>
  37. 							<OPTION id="option2.4" VALUE="3"></option>
  38. 							<OPTION id="option2.5" VALUE="5"></option>
  39. 							<OPTION id="option2.6" VALUE="6"></option>
  40. 							<OPTION id="option2.7" VALUE="7"></option>
  41. 							<OPTION id="option2.8" VALUE="8"></option>
  42. 							<OPTION id="option2.9" VALUE="9"></option>
  43. 							<OPTION id="option2.10" VALUE="10"></option>
  44. 							<OPTION id="option2.11" VALUE="11"></option>
  45. 							<OPTION id="option2.12" VALUE="12"></option>
  46. 							<OPTION id="option2.13" VALUE="13"></option>
  47. 							<OPTION id="option2.14" VALUE="14"></option>
  48. 							<OPTION id="option2.15" VALUE="15"></option>
  49. 							<OPTION id="option2.16" VALUE="16"></option>
  50. 							<OPTION id="option2.17" VALUE="17"></option>
  51. 							<OPTION id="option2.18" VALUE="18"></option>
  52. 							<OPTION id="option2.19" VALUE="19"></option>
  53. 							<OPTION id="option2.20" VALUE="20"></option>
  54. 			</SELECT>
  55. 		</td>
  56. </tr>
  57. </form>


en dan dit script erbij:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="JavaScript" type="text/javascript">
  2. <!--
  3. var aa = Array ('1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20')
  4. var intern = Array('Groep1','Groep2','Groep3','Groep4','Groep5','Topjeugd','','','','','','','','','','','','','','');
  5. intern['Groep1'] = Array('Gino de Mon','Jesse Meijer','Koen Postma','Lars Terlingen','Noah Brey','Yme Brantjes','','','','','','','','','','','','','',''); // Spelers groep 1 invoeren !
  6. intern['Groep2'] = Array('2','Jesse Meijer','Koen Postma','Lars Terlingen','Noah Brey','Yme Brantjes','','','','','','','','','','','','','',''); // Spelers groep 2 invoeren !
  7. intern['Groep3'] = Array('3','Jesse Meijer','Koen Postma','Lars Terlingen','Noah Brey','Yme Brantjes','','','','','','','','','','','','','',''); // Spelers groep 3 invoeren !
  8. intern['Groep4'] = Array('4','Jesse Meijer','Koen Postma','Lars Terlingen','Noah Brey','Yme Brantjes','','','','','','','','','','','','','',''); // Spelers groep 4 invoeren !
  9. intern['Groep5'] = Array('5','Jesse Meijer','Koen Postma','Lars Terlingen','Noah Brey','Yme Brantjes','','','','','','','','','','','','','',''); // Spelers groep 5 invoeren !
  10. intern['Topjeugd'] = Array('Top','Jesse Meijer','Koen Postma','Lars Terlingen','Noah Brey','Yme Brantjes','','','','','','','','','','','','','',''); // Spelers Topjeugd invoeren !
  11.  
  12. var extern = Array('Promotieklasse','','','','','','','','','','','','','','','','','','','');
  13. extern['Promotieklasse']= Array('Baarn 1','Regiohakkers','De Rode Loper 1','Zeist 2','Utrecht 4','Amersfoort 3','Amersfoort 2','Ons Genoegen','HSG 3','Sv Rivierenland','','','','','','','','','',''); //
  14.  
  15. var y = aa.length;
  16. function a()
  17. {
  18. for(x=0;x<y;x++)
  19. {
  20.  
  21.  {
  22.  if (document.form1.wedstrijden.value == "1") 
  23.   {        
  24.     document.getElementById('option1.'+aa[x]).innerHTML = intern[x];
  25.   }
  26.  else
  27.  {
  28.  if (document.form1.wedstrijden.value == "2")
  29.   {
  30.     document.getElementById('option1.'+aa[x]).innerHTML = extern[x];
  31.     }
  32.  }
  33.  }
  34. }
  35. for(x=0;x<7;x++)
  36. {     
  37.  {
  38.  if ((document.form1.wedstrijden.value == "1") && (document.form1.competitie.value == [x]))
  39.   {
  40. 	for(q=0;q<y;q++)
  41. 	{
  42.     document.getElementById('option2.'+aa[q]).innerHTML = intern[][q];
  43. 		document.getElementById('option3.'+aa[q]).innerHTML = intern[][q];
  44. 	}
  45.  }
  46. else
  47.  {
  48.  if ((document.form1.wedstrijden.value == "2") && (document.form1.competitie.value == "1"))
  49.   {
  50. for(z=0;z<y;z++)
  51. 	{
  52. 	 document.getElementById('option2.'+aa[x]).innerHTML = extern[][z];
  53. 	 document.getElementById('option3.'+aa[x]).innerHTML = extern[][z];
  54. 	}
  55. 	}
  56.  }
  57.  }
  58. }
  59.  
  60. }
  61. //-->
  62. </script>


Hoe maak je dit script dan goed werkend. Het gaat namelijk om deze stukken:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. document.getElementById('option2.'+aa[q]).innerHTML = intern[][q]; 
  2. 		document.getElementById('option3.'+aa[q]).innerHTML = intern[][q];


Wat moet ik voor intern[] of de extern[x] tussen de "[]" invullen om het script goed werkend te maken ??
Offline haytjes - 05/11/2005 23:23 (laatste wijziging 05/11/2005 23:24)
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde		 ik heb voor pj_muller al zoiets gemaakt.

'k heb het al een beetje aangepast, zodat je ziet hoe het werkt:
http://www.alasal.be/sitemasters/test.htm

de code moet je daar maar uit kopieren

hoe werkt het:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. ...
  2. arr[1] = new Array();
  3. arr[1]['name'] = "intern"; // de naam
  4. arr[1]['options'] = Array('3','4','5','6','7','8'); // linked naar arr[3], arr[4],...
  5.  
  6. arr[2] = new Array();
  7. arr[2]['name'] = "extern"; // de naam
  8. arr[2]['options'] = Array('100'); linked naar arr[100]
  9. ...
  10. bij arr[100]:
  11. ...
  12.  
  13. arr[100] = new Array();
  14. arr[100]['name'] = "Promotieklasse"; // naam (wordt gelink vanaf arr[2]
  15. arr[100]['options'] = Array('101','102'); // linkt naar 101 en 102
  16.  
  17. arr[101] = new Array();
  18. arr[101]['name'] = "Baarn 1";
  19. arr[101]['options'] = "";
  20. arr[102] = new Array();
  21. arr[102]['name'] = "Regiohakkers";
  22. arr[102]['options'] = "";


'k hoop dat je het snapt, hoe het werkt.

groetjes:D
Offline stenno - 06/11/2005 09:09 (laatste wijziging 06/11/2005 09:19)
Avatar van stenno PHP interesse Ok dat snap ik maar ik wil een select list en niet een dropdownbox

ps en ik wil de 3 list 2 keer weergeven om dat je wit en zwart kan hebben ^^

ik moet het je toch een beetje moeilijk maken he ?? :p
Offline haytjes - 06/11/2005 09:38 (laatste wijziging 06/11/2005 09:39)
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde		 oke ik heb de jouw versie aangepast:
http://www.alasal.be/sitemasters/test.htm

maar er stonden nog een paar fouten in. (dus ik raad je aan de verbeterde versie van jou door mij helemaal over te nemen)
het komt er op neer:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. tmp = intern[x-1]; // hier krijg je de naam
  2. for(q=0;q<y;q++)
  3. {
  4. 	document.getElementById('option2.'+aa[q]).innerHTML = intern[tmp][q];
  5. 	//document.getElementById('option3.'+aa[q]).innerHTML = intern[tmp][q]; // option3.x betaat niet
  6. }
Offline lasdesigner - 06/11/2005 09:44
Avatar van lasdesigner PHP beginner Hallo, weet iemand nog hoe mijne moet:$
Offline stenno - 06/11/2005 09:58 (laatste wijziging 06/11/2005 09:59)
Avatar van stenno PHP interesse Option 3 bestaat wel maar heb ik niet gepost 

edit1) waar staat jou verbeterde versie ???
Offline haytjes - 06/11/2005 10:04 (laatste wijziging 06/11/2005 10:10)
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde		 http://www.alasal.be/sitemasters/test.htm

[edit]
op lasdesigner heb ik al geantwoord via pm
Familie[0] = Array(); vergeten
Offline lasdesigner - 06/11/2005 10:22
Avatar van lasdesigner PHP beginner Ja klot, ik had hem nou zo:
<!--
var Familie = new Array()

Familie[0] = new Array();
Familie[0]['naam'] = "Coen"
Familie[0]['leeftijd'] = 17

Familie[1] = new Array();
Familie[1]['naam'] = "Luuk"
Familie[1]['leeftijd'] = 14

for(i=0; i < Familie.length; i++)
{
if(Familie[i]['leeftijd'] < 15)
{
document.write("Hallo " + Familie[i]['naam'] + " Jij bent jonger dan 15<BR>")
break;
}
else
{
document.write("Hallo " + Familie[i]['naam'] + " Jij bent ouder dan 14<BR>")
}
}
-->

maar dan doet hij het nog niet, namelijk nu komt er bijde namen uit.
Offline haytjes - 06/11/2005 10:27 (laatste wijziging 06/11/2005 10:29)
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde		 logisch
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!--
  2. var Familie = new Array()
  3.  
  4. Familie[0] = new Array();
  5. Familie[0]['naam'] = "Coen"
  6. Familie[0]['leeftijd'] = 17
  7.  
  8. Familie[1] = new Array();
  9. Familie[1]['naam'] = "Luuk"
  10. Familie[1]['leeftijd'] = 14
  11.  
  12. for(i=0; i < Familie.length; i++)
  13. {
  14. if(Familie[i]['leeftijd'] < 15)
  15. {
  16. document.write("Hallo " + Familie[i]['naam'] + " Jij bent jonger dan 15<BR>")
  17. break;
  18. }
  19. else
  20. {
  21. document.write("Hallo " + Familie[i]['naam'] + " Jij bent ouder dan 14<BR>")
  22. break;
  23. }
  24. }
  25. -->
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.303s