login  Naam:   Wachtwoord: 
Registreer je!
 Forum

mouseover achtergrond

Offline kenzo - 12/01/2008 09:25
Avatar van kenzoPHP beginner hallo,

Ik heb een site met artikelen.

Als ik over de artikelen ga (de foto's) veranderd de achtergrond van de tabel.

Alles werkt goed in IE 7 en FF...


Als ik in een oudere IE werk, verdwijnt steeds het plaatje bij mouseover en laad weer opnieuw.

Weet iemand hoe dat kan?


Deze code gebruik ik:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style=\"background-image:url(watermerk.php?image=images/producten/".$aFetch['foto1']."); background-position:center; background-color: #FFFFFF; width:250px; height:150px;border: 1px solid #000000;\"></div>

2 antwoorden

Gesponsorde links
Offline Pieter - 12/01/2008 11:52
Avatar van Pieter Gouden medaille

SEO guru		 En waar zien we dan de code van het hooveren zelf?
Offline kenzo - 12/01/2008 11:58 (laatste wijziging 19/01/2008 12:12)
Avatar van kenzo PHP beginner owjah, sorry...

dit is de hele code van de tabel:




javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2.  
  3. td.off {
  4. background: #84857C;
  5. }
  6.  
  7. td.on {
  8. background: #D5D4CC;
  9. }
  10.  
  11. </style>
  12. <script language="JavaScript">
  13. <!--
  14.  
  15.  
  16. if(navigator.appName == "Microsoft Internet Explorer" &&
  17. parseInt(navigator.appVersion) >= 4){
  18. 	ie4 = true;
  19. }
  20. else {
  21. 	ie4 = false;
  22. }
  23.  
  24. function changeColor(){
  25. 	if(ie4){
  26. 		what = window.event.srcElement;
  27. 		if(what.className == "link"){
  28. 			if(what.style.color == "black"){
  29. 				what.style.color = "darkorange";
  30. 			}
  31. 			else {
  32. 				what.style.color = "black";
  33. 			}
  34. 		}
  35. 		else {}
  36. 	}
  37. }
  38.  
  39. document.onmouseover = changeColor;
  40. document.onmouseout = changeColor;
  41.  
  42. // -->
  43. </script>




html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <table width='100%' style='cursor: pointer' border='0' style='border: 1px solid #5C5B58' cellspacing='0' cellpadding='10'onclick=\"window.location = 'index.php?pagina=producten/details.php&id=".$aFetch['id']."&cat=".$_GET['cat']."&titel=".$aFetch['type']."'\">
  2.   <tr>
  3.     <td class=\"off\" onmouseover=\"this.className='on'\" onmouseout=\"this.className='off'\"><center><div style=\"background-image:url(watermerk.php?image=images/producten/".$aFetch['foto1']."); background-position:center; width:250px; height:150px;border: 1px solid #000000;\"></div><br><b><a href='index.php?pagina=producten/details.php&id=".$aFetch['id']."&titel=".$aFetch['type']."' class='link'><font color='#000000'>".substr($aFetch['type'], 0, 15)."..</b>&nbsp;-&nbsp;<b>&euro; ".sprintf('%01.2f', $aFetch['prijs'])."</font></a></b><br></center></td>
  4.   </tr>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.183s