login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[JS] Mouseover

Offline Rmy - 27/04/2007 14:12
Avatar van RmyNieuw lid Ik probeer op dit moment een mouseover te instaleren die een thumb laat zien. Ik gebruik daarvoor het volgende script:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript"> 
  2. <!-- 
  3. // gedownload van www.scriptkiddies.nl 
  4. // auteur: Jacob Slomp 
  5.  
  6. function popup(msg,bak,e){ 
  7. document.getElementById("thumbblok").innerHTML=msg; 
  8. document.getElementById("thumbblok").style.display='block'; 
  9. } 
  10.  
  11.  
  12. function stopthumb(){ 
  13. document.getElementById("thumbblok").style.display='none'; 
  14. } 
  15. function gaMee(e){ 
  16. marge=20; 
  17. if(document.all){ 
  18. pos_hor=event.clientX+marge; 
  19. pos_ver=event.clientY+marge; 
  20. } else { 
  21. pos_ver=e.clientY+marge; 
  22. pos_hor=e.clientX+marge; 
  23. } 
  24.   pos_hor=pos_hor+document.body.scrollLeft; 
  25.   pos_ver=pos_ver+document.body.scrollTop; 
  26.  
  27.  
  28. document.getElementById("thumbblok").style.left=pos_hor; 
  29. document.getElementById("thumbblok").style.top=pos_ver; 
  30.  
  31. } 
  32. //-->
  33. </script>


Link

Als ik dan deze pagina geneer door middel van deze code:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2. <head>
  3. <title>test</title>
  4.  
  5. <script language="javascript"> 
  6. <!-- 
  7. // gedownload van www.scriptkiddies.nl 
  8. // auteur: Jacob Slomp 
  9.  
  10. function popup(msg,bak,e){ 
  11. document.getElementById("thumbblok").innerHTML=msg; 
  12. document.getElementById("thumbblok").style.display='block'; 
  13. } 
  14.  
  15.  
  16. function stopthumb(){ 
  17. document.getElementById("thumbblok").style.display='none'; 
  18. } 
  19. function gaMee(e){ 
  20. marge=20; 
  21. if(document.all){ 
  22. pos_hor=event.clientX+marge; 
  23. pos_ver=event.clientY+marge; 
  24. } else { 
  25. pos_ver=e.clientY+marge; 
  26. pos_hor=e.clientX+marge; 
  27. } 
  28.   pos_hor=pos_hor+document.body.scrollLeft; 
  29.   pos_ver=pos_ver+document.body.scrollTop; 
  30.  
  31.  
  32. document.getElementById("thumbblok").style.left=pos_hor; 
  33. document.getElementById("thumbblok").style.top=pos_ver; 
  34.  
  35. } 
  36. //-->
  37. </script> 
  38.  
  39. </head>
  40. <body onMouseMove="gaMee(event)">
  41.  
  42. <a href="game.php?game=4" ONMOUSEOVER="popup('<img src=images/thumbs/Bike_Mania.jpg>','0')" ONMOUSEOUT="stopthumb()">Bike Mania</a>
  43.  
  44. </body>
  45. </html>


Doet hij het in eerste instantie hij het niet maar ook de browser geeft een error. Iemand die mij hierbij kan helpen?

2 antwoorden

Gesponsorde links
Offline Stijn - 27/04/2007 17:40
Avatar van Stijn PHP expert Bij mij werkt het wel (Firefox 2) maar hij moet de afbeelding eerst laden voor hij die kan tonen hé daarom dat het niet van de eerste keer lukt (hoogstwaarschijnlijk).
Offline Rmy - 27/04/2007 23:32
Avatar van Rmy Nieuw lid Inmiddels is hij al gefixt! Bedankt mensen! 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.193s