login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[JS] [CSS] Firefox doet vreemd met mouseover

Offline Rmy - 18/05/2007 11:21
Avatar van RmyNieuw lid Ik heb een site. Hierbij wil ik een mouseover instaleren die een thumb laat zien. Alleen heeft hij nog wat kuren in Firefox. Want zoals je kunt zien plaatst hij de thumb niet bij je muis aanwijzer maar stopt hij hem letterlijk in de div die ik heb aangemaakt voor die mouseover thumb. Nu weet ik al dat het aan mijn doctype ligt want bij deze doctype werkt hij niet:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">


Maar bij deze of geen doctype werkt hij wel:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


En hier nog mijn Javascript, CSS en HTML:

Javascript:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. Xoffset= 20;
  2. Yoffset= 20;
  3.  
  4. var old,skn,iex=(document.all),yyy=-1000;
  5.  
  6. var ns4=document.layers
  7. var ns6=document.getElementById&&!document.all
  8. var ie4=document.all
  9.  
  10. if (ns4)
  11. skn=document.div_popupimg
  12. else if (ns6)
  13. skn=document.getElementById("div_popupimg").style
  14. else if (ie4)
  15. skn=document.all.div_popupimg.style
  16. if(ns4)document.captureEvents(Event.MOUSEMOVE);
  17. else{
  18. skn.visibility="visible"
  19. skn.display="none"
  20. }
  21. document.onmousemove=get_mouse;
  22.  
  23. function popup(msg,bak){
  24. var content="<img src="+msg+"></img>";
  25. yyy=Yoffset;
  26. if(ns4){skn.document.write(content);skn.document.close();skn.visibility="visible"}
  27. if(ns6){document.getElementById("div_popupimg").innerHTML=content;skn.display=''}
  28. if(ie4){document.all("div_popupimg").innerHTML=content;skn.display=''}
  29. }
  30.  
  31. function get_mouse(e){
  32. var x=(ns4||ns6)?e.pageX:event.x+document.body.scrollLeft;
  33. skn.left=x+Xoffset;
  34. var y=(ns4||ns6)?e.pageY:event.y+document.body.scrollTop;
  35. skn.top=y+yyy;
  36. }
  37.  
  38. function kill(){
  39. yyy=-1000;
  40. if(ns4){skn.visibility="hidden";}
  41. else if (ns6||ie4)
  42. skn.display="none"
  43. }


CSS:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. #div_popupimg {
  2. 	z-index: 2;
  3. 	position: absolute;
  4. 	visibility: hidden;
  5. 	border: none;
  6. 	width: 110px;
  7. 	height: 110px;
  8. }


xHTML:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <head>
  5. 	<meta name="Language" content="Nederlands" />
  6. 	<meta name="Description" content="Speltotaal de next-gen spellensite!" />
  7. 	<meta name="Keywords" content="spel, spele, spelen, speltotaal, speeltotaal, next-gen, spellensite, spellesite, flash, games, game, flashgames, avontuur, puzzel, actie, sport, race, intotaal, registreren, favorieten, Bikemania" />
  8. 	<meta name="Subject" content="Spellensite" />
  9. 	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  10.  
  11. <title>Speltotaal.nl | <?php echo $lokatie; ?></title>
  12.  
  13. <link href="style.css" rel="stylesheet" type="text/css" />
  14. <link href="rating.css" rel="stylesheet" type="text/css" />
  15.  
  16. <script type="text/javascript" language="JavaScript" src="js/dropdown.js"></script>
  17. <script type="text/javascript" language="Javascript" src="js/behavior.js"></script>
  18. <script type="text/javascript" language="Javascript" src="js/rating.js"></script>
  19.  
  20.  
  21. </head>
  22.  
  23. <body>
  24. <div id="div_popupimg"><!-- No content --></div>
  25. <script language="JavaScript" src="js/popupimg.js"></script>


php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a ONMOUSEOVER="popup('<img src="http://thumb.jpg">','0')" ONMOUSEOUT="kill()" href="game.php?game=7">Biljarten<a><br />


Wie kan mij hier bij helpen?

0 antwoorden

Gesponsorde links
Er zijn nog geen reacties op dit bericht.
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.219s