login  Naam:   Wachtwoord: 
Registreer je!
 Forum

image koppelen aan link met javascript. (Opgelost)

Offline IndexS - 27/04/2009 21:32 (laatste wijziging 27/04/2009 21:47)
Avatar van IndexSMySQL interesse
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <script type="text/javascript">
  7. function changeIt(imageName,objName)
  8. {
  9. var obj = document.getElementById(objName);
  10.  
  11. var imgTag = "<img src='"+imageName+"' border='0' />";
  12.  
  13. obj.innerHTML = imgTag;
  14.  
  15. return; 
  16. }
  17. </script>
  18. </head>
  19.  
  20. <body>
  21. <div id="image1">
  22. <img src="1.jpg" border="0" alt="one" />
  23. </div>
  24.  
  25. <br><br>
  26.  
  27. <a id="one" href="#" onclick="changeIt('1.jpg','image1');">one</a>
  28. <a id="two" href="?page=Test1" onclick="changeIt('2.jpg','image1');">two</a>
  29. <a id="three" href="#" onclick="changeIt('3.jpg','image1');">three</a>
  30. <a id="four" href="#" onclick="changeIt('4.jpg','image1');">four</a>
  31. <a id="five" href="#" onclick="changeIt('5.jpg','image1');">five</a>
  32.  
  33. <p>&nbsp;</p>
  34. <p>&nbsp;</p>
  35.  
  36.  
  37.       	       	<?php
  38. 					$valid = array('Test1','Test2','Test3');  
  39. 					if (in_array($_GET['page'], $valid)) { include($_GET['page'] . ".php"); } 
  40. 					else { include("Test.php"); } 
  41. 				  ?> 
  42.  
  43.  
  44.  
  45.  
  46. </body>
  47. </html>


Bovenstaande code werkt op zich prima. Het probleem zit hem in de 2e link. Zoals je ziet wordt daar een pagina aangeroepen en een paar regels verder wordt geinclude. Het includen gaat allemaal goed, maar dan veranderd het plaatje niet mee. Het plaatje nr 1 wordt dan standaard weergegeven.

Iemand een idee waar dat aan kan liggen?

wimmarien schreef:
Code tags gebruiken!

8 antwoorden

Gesponsorde links
Offline Koen - 28/04/2009 16:44
Avatar van Koen PHP expert Voeg dan in je link een GET-waarde mee, en aan de hand daarvan kan je met PHP daar toch de bijhorende afbeelding laten zien? 
Offline IndexS - 28/04/2009 16:55 (laatste wijziging 28/04/2009 17:33)
Avatar van IndexS MySQL interesse Ik snap wel wat je bedoelt, maar kun je me mss iets meer op weg helpen? Ik zal ondertussen even kijken of ik iets voor elkaar kan krijgen. Alvast bedankt!

Ok, ik moet dus $_GET['page']; gebruiken. Nu kijken hoe ik dat dan weer aan het menu kan koppelen. Als iemand kan helpen? GRAAG 
Offline Koen - 28/04/2009 17:51 (laatste wijziging 28/04/2009 23:26)
Avatar van Koen PHP expert
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <script type="text/javascript">
  7. function changeIt(imageName,objName)
  8. {
  9. var obj = document.getElementById(objName);
  10.  
  11. var imgTag = "<img src='"+imageName+"' border='0' />";
  12.  
  13. obj.innerHTML = imgTag;
  14.  
  15. return; 
  16. }
  17. </script>
  18. </head>
  19.  
  20. <body>
  21. <div id="image1">
  22. <?php
  23. // de array met toegelaten pagina's wat uitgebreid: er de bijhorende afbeelding bijgeplakt.
  24. $valid = array('Test1' => '1.jpg','Test2' => '2.jpg','Test3' => '3.jpg');  
  25. // gaan kijken naar de pagina, om dan de bijhorende afbeelding te selecteren.
  26. // Nakijken of de key $_GET['page'] bestaat in de array
  27. if(isset($_GET['page']) && array_key_exists($_GET['page'], $valid))
  28. {
  29.     $image = $valid[$_GET['page']];
  30. } else
  31. {
  32.     $image = '1.jpg';
  33. }
  34.  
  35. <img src="<?php echo $image; ?>" border="0" alt="one" />
  36. </div>
  37.  
  38. <br><br>
  39.  
  40. <a id="one" href="#" onclick="changeIt('1.jpg','image1');">one</a>
  41. <a id="two" href="?page=Test1" onclick="changeIt('2.jpg','image1');">two</a>
  42. <a id="three" href="#" onclick="changeIt('3.jpg','image1');">three</a>
  43. <a id="four" href="#" onclick="changeIt('4.jpg','image1');">four</a>
  44. <a id="five" href="#" onclick="changeIt('5.jpg','image1');">five</a>
  45.  
  46. <p>&nbsp;</p>
  47. <p>&nbsp;</p>
  48.  
  49.  
  50.                      <?php
  51.                     // dit ook even aangepast naar array_key_exists()
  52.                     if (array_key_exists($_GET['page'], $valid)) { include($_GET['page'] . ".php"); } 
  53.                     else { include("Test.php"); } 
  54.                   ?> 
  55.  
  56.  
  57.  
  58.  
  59. </body>
  60. </html>


De uitleg staat in de commentaar 
Offline IndexS - 28/04/2009 19:27 (laatste wijziging 28/04/2009 19:39)
Avatar van IndexS MySQL interesse Bedankt voor je reactie, helaas blijft het probleem zich voordoen. 
Probeer het straks nog wel ff.
Offline Koen - 28/04/2009 19:48
Avatar van Koen PHP expert My bad, had iets vergeten, probeer het nog een keer 
Offline IndexS - 28/04/2009 22:03
Avatar van IndexS MySQL interesse Er mist een ) op regel 27. Maar waar moet die komen? Kheb al een paar dingen geprobeerd, maar de melding blijft dat er een , of een ) verwacht wordt.
Offline Koen - 28/04/2009 23:26
Avatar van Koen PHP expert
IndexS schreef:
Er mist een ) op regel 27. Maar waar moet die komen? Kheb al een paar dingen geprobeerd, maar de melding blijft dat er een , of een ) verwacht wordt.


 tijd dat ik ga slapen 

Heb het ondertussen aangepast in de code 
Offline IndexS - 29/04/2009 09:56 (laatste wijziging 29/04/2009 09:59)
Avatar van IndexS MySQL interesse
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. </head>
  7.  
  8. <body>
  9. <div id="image1">
  10. <?php
  11. // de array met toegelaten pagina's wat uitgebreid: er de bijhorende afbeelding bijgeplakt.
  12. $valid = array('Test1' => '2.jpg','Test2' => '3.jpg','Test3' => '4.jpg');  
  13. // gaan kijken naar de pagina, om dan de bijhorende afbeelding te selecteren.
  14. // Nakijken of de key $_GET['page'] bestaat in de array
  15. if(isset($_GET['page']) && array_key_exists($_GET['page'], $valid))
  16. {
  17.     $image = $valid[$_GET['page']];
  18. } else
  19. {
  20.     $image = '1.jpg';
  21. }
  22.  ?>           
  23. <img src="<?php echo $image; ?>" border="0" alt="one" />
  24. </div>
  25.  
  26. <br><br>
  27.  
  28. <a id="one" href="?page=Test1">one</a>
  29. <a id="two" href="?page=Test2">two</a>
  30. <a id="three" href="?page=Test3">three</a>
  31.  
  32. <p>&nbsp;</p>
  33. <p>&nbsp;</p>
  34.  
  35.  
  36.                      <?php
  37.                     // dit ook even aangepast naar array_key_exists()
  38.                     if (array_key_exists($_GET['page'], $valid)) { include($_GET['page'] . ".php"); } 
  39.                     else { include("Test1.php"); } 
  40.                   ?> 
  41.  
  42.  
  43.  
  44.  
  45. </body>
  46. </html>


Bovenstaande is de oplossing. Moest het javascriptje nog ff verwijderen. Die lag ook nog dwars en is nu overbodig. En er moest nog een ?> tussen gezet worden.

Bedankt voor je hulp!!  
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.244s