login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Onmouseover werkt niet foutmelding: laag.style has no properties

Offline happy_face - 23/05/2008 11:30 (laatste wijziging 23/05/2008 11:53)
Avatar van happy_faceNieuw lid Ik heb code die ervoor zorgt wanneer je met je muis over een afbeelding gaat, een foto tevoorschijn komt. Alleen krijg ik altijd een fout: laag.style has no properties

Ik heb al alles afgezocht in Google, maar ik vind geen oplossing. Hieronder de html-code die in de body staat.


html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="plaatje"></div>
  2. <a href="#" onmouseover="javascript: toonPlaatje('plaatje','foto1.jpg');" onmouseout="javascript: verbergPlaatje('plaatje');"><span id="camera">tekst</span></a>
  3. <a href="#" onmouseover="javascript: toonPlaatje('plaatje','foto1.jpg');" onmouseout="javascript: verbergPlaatje('plaatje');"><span id="camera">tekst</span></a>
  4. <a href="#" onmouseover="javascript: toonPlaatje('plaatje','foto1.jpg');" onmouseout="javascript: verbergPlaatje('plaatje');"><span id="camera">tekst</span></a>
  5. <a href="#" onmouseover="javascript: toonPlaatje('plaatje','foto1.jpg');" onmouseout="javascript: verbergPlaatje('plaatje');"><span id="camera">tekst</span></a>


Hieronder de CSS

css code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2. #plaatje { 
  3. position:absolute; 
  4. z-index:1000; 
  5. visibility:hidden; }
  6. </style>


Hieronder mijn Javascript-code

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function init() 
  2. {
  3. 	var d = document.getElementById("camera");
  4. 	if(document.addEventListener)
  5. 	{
  6. 	d.addEventListener('mousemove', haalMuisPositie, false);
  7. 	}
  8.         else if(document.attachEvent)
  9. 	{
  10. 	d.attachEvent('onmousemove', haalMuisPositie);
  11. 	};
  12. }
  13.  
  14. var x = 0;
  15. var y = 0;
  16. var laag;
  17.  
  18. function haalMuisPositie(e) 
  19. {
  20. 	if(!e) {var e = window.event;}; 
  21. 	if(e.pageX) 
  22. 	{
  23. 		y = e.pageY;
  24. 		x = e.pageX;
  25. 	}
  26. 	else if (e.x) 
  27. 	{
  28. 		y = e.y;
  29. 		x = e.x;
  30. 	};
  31. }
  32.  
  33. function toonPlaatje(naam,beeldje) 
  34. { 
  35. 	laag = naam;
  36. 	laag.innerHTML = '<img src=' +beeldje+'>'; 
  37. 	laag.style.visibility = "visible";
  38. 	laag.style.top = y + "px";
  39. 	laag.style.left = x + "px"; 
  40. 	plaatsPlaatje() 	
  41. }
  42.  
  43. function verbergPlaatje(naam)
  44. { 
  45. 	laag = naam; 
  46. 	laag.style.visibility = "hidden"; 
  47. }
  48.  
  49. function plaatsPlaatje()
  50. { 
  51. 	laag.style.top = y + "px"; 
  52. 	laag.style.left = x + "px"; 
  53. } 
  54.  
  55. if(window.addEventListener)
  56. 	{
  57. 	window.addEventListener('load', init, false);
  58. 	}
  59. else if(window.attachEvent)
  60. 	{
  61. 	window.attachEvent('onload', init);
  62. 	};

3 antwoorden

Gesponsorde links
Offline timmie_loots - 23/05/2008 12:21
Avatar van timmie_loots PHP gevorderde Overal waar dit staat (regel 35 en 45 in het bovenstaande script):

php code - Bekijk de code zonder highlighting - Klap code in 
  1. laag = naam;


de regel vervangen voor dit:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. laag = document.getElementById(naam);
Offline happy_face - 23/05/2008 13:20 (laatste wijziging 23/05/2008 13:20)
Avatar van happy_face Nieuw lid Nu toont hij nog altijd geen afbeelding en komt er ook geen fout op...
Offline urqbz - 23/05/2008 16:48
Avatar van urqbz PHP interesse Mischien ipv. onmouseover onfocus gebruiken?
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.185s