login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Plaatje veranderen in javascript

Offline Ultimatum - 15/03/2007 12:07
Avatar van UltimatumPHP expert Ik zit met een probleem, ik weet wat ik wil maar niet hoe ik het moet verwezenlijken.. Ik heb een aantal landen en een kaartje waar die landen op staan. Als je nou over een land of link heen gaat dan moet de kleur van het land veranderen. Ik heb alle landen al afzonderlijk dus dat is het probleem niet.

Maar ik ben helemaal niet thuis binnen javascript dus ik het geen idee welke functies ik bijvoorbeeld nodig heb. Kan iemand mij een lijstje of een duw in de rug richting geven ?

5 antwoorden

Gesponsorde links
Offline Stijn - 15/03/2007 12:27
Avatar van Stijn PHP expert
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript">
  2. var countries = new Array();
  3. countries['be'] = './images/flags/belgium';
  4. countries['nl'] = './images/flags/netherland';
  5.  
  6. function changeFlag( iMage , country ) 
  7. {
  8.  
  9. document.images[ iMage ].src = countries[ country ];
  10.  
  11. }
  12. </script>
  13.  
  14. <img name="vlag" src="./images/flags/belgium">
  15.  
  16. <select name="selectLand">
  17. <option onClick="changeFlag('vlag' , 'be');">Belgium</option>
  18. <option onClick="changeFlag('vlag' , 'nl');">Netherland</option>
  19. </select>


zoiets 
Offline Ultimatum - 15/03/2007 12:45
Avatar van Ultimatum PHP expert Dat is snel . Bedankt maar ik heb het heel eventjes iets anders gedaan om te kijken of het ook veranderd als ik met mijn muis over een link ga, en dan met document.write(country); laat ik dan de tekst zien maar er zit ongeveer een vertraging van een seconden oid (kan ook aan de server liggen), is dit normaal of moet ik het anders doen 

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript">
  2. var countries = new Array();
  3. countries['be'] = './images/flags/belgium';
  4. countries['nl'] = './images/flags/netherland';
  5.  
  6. function changeFlag( iMage , country ) 
  7. {
  8.  
  9. document.write(country);
  10.  
  11. }
  12. </script>
  13.  
  14. <a href="#" onmouseover="changeFlag('vlag' , 'be');">Belgium</a>
  15. <a href="#" onmouseover="changeFlag('vlag' , 'nl');">Netherlands</a>
Offline Stijn - 15/03/2007 16:20
Avatar van Stijn PHP expert je kan document.write gebruiken maar dan liefst zo:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. document.write('<img src="'+countries[ country ]+'">');
Offline Ultimatum - 16/03/2007 11:09 (laatste wijziging 20/03/2007 13:24)
Avatar van Ultimatum PHP expert Ok heb het nu wat anders gedaan en heb het op het moment zo

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">							
  2. 							function GetCountry(country)
  3. 							{
  4. 								var countries = new Array();
  5. 								countries['Australia'] = 'img/countries/austrila.jpg';
  6. 								countries['New_Zealand'] = 'img/countries/New_Zealand.jpg';
  7. 								countries['New-Guinea'] = 'img/countries/New-Guinea.jpg';
  8.  
  9. 								document.images[countries[country]].src = countries[country];
  10. 							}
  11. 						</script>							
  12. 					<?php
  13. 							echo '<div style="margin: 0 auto; width: 100%"><img src="../img/australia.jpg" border="0" /></div>';
  14. ?>


Maar hij zou nu dus een ander plaatje moeten laten zien als over een link heen ga, maar ik krijg nu dus niets te zien.. (alleen het plaatje australia.jpg)

En dit heb ik bij mijn links staan:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="Hotels_<?= $arr['id'] .'_'. $tekens ?>.html" OnMouseOver="GetCountry('Australia')"><?= $underscore ?></a><br />


En Er staat nu Australia in de functie omdat ik even wilde testen.

Ik krijg deze error van FireBug terug maar ik snap niet wat er eigelijk fout gaat 

Citaat:
document.images[countries[country]] has no properties


Ik heb het zelfs met area's geprobeerd maar nog steeds werkt het niet..
Offline phpfreak - 20/03/2007 21:28
Avatar van phpfreak PHP beginner Ik denk dat ik het weet..
er staat document.images['Australia'].src
eigelijk, en zo n afbeelding bestaat niet met die name.
Je moet meer doen zoals het 1ste script dat gepost is, dus de functie maken met imagename ofzo en bij de image <img name="naam">
en dan de functie aanroepen met GetCountry("naam","Australia") bijvoorbeeld
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.738s