login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Menu met Javascript

Offline Maarten - 13/07/2005 13:53 (laatste wijziging 13/07/2005 18:43)
Avatar van MaartenErelid Ik heb een probleempje met JavaScript dat moet dienen als menu.. (ben geen kei in die dingen, over het algemeen beperk ik me tot alerts )

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript" type="text/javascript">
  2. menuitems	= new Array(6);
  3. menuitems[0]	= 'beg';
  4. menuitems[1]	= 'inn';
  5. menuitems[2]	= 'org';
  6. menuitems[3]	= 'pro';
  7. menuitems[4]	= 'reg';
  8. menuitems[5]	= 'wat';
  9. function kies(item) {
  10. 	for(count = 0; count < 6; count++) {
  11. 		if(item == menuitems[count]) {
  12. 			document.getElementById(menuitems[count]).src = 'img/blauw.gif';
  13. 		} else {
  14. 			document.getElementById(menuitems[count]).src = 'img/oranje.gif';
  15. 		}
  16. 	}
  17.  
  18. 	return true;
  19. }
  20. </script>


De bedoeling is dat, wanneer je in een url-tag zet
php code - Bekijk de code zonder highlighting - Klap code in 
  1. onclick="kies(beg)"

dat de afbeelding met ID beg dus een blauwe wordt en al de rest oranje.

In FireFox doet dit simpelweg niks (andere browsers kan ik niet testen, heb die namelijk niet )

Dus ik zette na die for() { - prut eens dit:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. document.write(menuitems[count]);
  2. 		document.write('<br />');

Maar het enige wat ik zie is "beg" als output, gelijk welke waarde 'item' ook bevat. Dus de lus wordt niet doorgelopen veronderstel ik?

Graag advies van de Js'ers onder ons 

2 antwoorden

Gesponsorde links
Offline gamesty - 13/07/2005 14:07 (laatste wijziging 13/07/2005 14:11)
Avatar van gamesty Onbekend Dus alsik het goed begrijp wanneer je over een menuitem gaat word dat blauw en de rest allemaal groen?

Edit:Vond ik net op javascript knippen en plakken:

Opmerking:
JavaScripts werken niet in alle browsers, omdat verschillende browsers een eigen versie van de JavaScripttaal gebruiken. Indien mogelijk, worden de scripts zo geschreven dat ze in meerdere browsers werken. Dit is niet altijd mogelijk, omdat sommige effecten slechts met één bepaalde browser te realiseren zijn. Wie van de hier gepubliceerde scripts gebruik wenst te maken wordt daarom aangeraden eerst uit te testen of een script aan alle gestelde verwachtingen voldoet, vooraleer het toe te passen
Offline Maarten - 13/07/2005 14:56 (laatste wijziging 13/07/2005 19:07)
Avatar van Maarten Erelid Ja maar een gewone rollover kent iedere browser wel hoor, en het is niet als je erover gaat maar als je op de gerelateerde link klikt... maar da's tzelfde principe.

Anyway, heb de oplossing al (Thx FangorN )
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript" type="text/javascript">
  2. menuitems	= new Array(6);
  3. menuitems[0]	= 'beg';
  4. menuitems[1]	= 'inn';
  5. menuitems[2]	= 'org';
  6. menuitems[3]	= 'pro';menuitems
  7. menuitems[4]	= 'reg';
  8. menuitems[5]	= 'wat';
  9. function kies(item) {
  10. 	for(count = 0; count < 6; count++) {
  11. 		var afbeelding = document.getElementById(menuitems[count]);
  12. 		if(item == menuitems[count]) {
  13. 			afbeelding.src = 'img/oranje.gif';
  14. 		} else {
  15. 			afbeelding.src = 'img/blauw.gif';
  16. 		}
  17. 	}
  18.  
  19. 	return true;
  20. }
  21. </script>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.218s