[GELÖST] IE-Javascript an "moderne" Browser (Firefox,...) anpassen

[Platten-Spieler]

Hallo Spezialisten und Javascript-Nerds!

vor vielen, vielen Jahren, als der Internet-Explorer noch das Mass aller Dinge (Browser) war, hatte ich mal dieses Script zusammengebastelt, das im IE beim überfahren des kleinen Bildes ein anderes Bild (besser einen Layer) erscheinen lässt.
Irgendwann war dann der IE obsolet und der nette Effekt ging dann eben nicht mehr...
Ich bin auch selbst seit etwa 10 Jahren völlig aus der Script-Bastelei raus und habe da keine Ideen mehr.
Vielleicht hat ja einer von euch hier eine Idee, wie man auf einfache Art und Weise das Script an die modernen Browser (zumindest an Firefox) anpassen kann.

Testfile hier: http://server.pytalhost.de/361/test.htm

Vielen Dank, Andreas

<script language="JavaScript"><!--
function MM_findObj(n, d) { 
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;}
function MM_showHideLayers() { 
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }} //--></script>

<a onMouseover="MM_showHideLayers('Layer045','','show')" onMouseout="MM_showHideLayers('Layer045','','hide')"><img 
src="http://server.pytalhost.de/361/LS1.jpg" width="130" height="130" alt="Bild"></a>
<div id="Layer045" style="position:absolute; left: 145px; z-index:11; visibility: hidden">
<img src="http://server.pytalhost.de/361/LS2.jpg" width="230" height="230" alt="Detail"></div>

 

[mikdoe]

* freigeschaltet *

 

[kkapsner]

<script>
function show(id){
	document.getElementById(id).style.visibility = "visible";
}
function hide(id){
	document.getElementById(id).style.visibility = "hidden";
}
</script>
<a onmouseover="show('Layer045')" onmouseout="hide('Layer045')">
<img src="http://server.pytalhost.de/361/LS1.jpg" width="130" height="130" alt="Bild"></a>
<div id="Layer045" style="position:absolute; left: 145px; z-index:11; visibility: hidden">
<img src="http://server.pytalhost.de/361/LS2.jpg" width="230" height="230" alt="Detail"></div>

- ungetested

 

[Platten-Spieler]

Hallo kkapsner,

hab herzlichen Dank! Es funzt wunderbar.

Da hat sich mein erster Ausflug hier ins Forum ja absolut gelohnt.
Schnelle und effiziente Hilfe!

Problem gelöst - ich bin begeistert.

Schöne Grüße,
Andreas

 

[kkapsner]

hab herzlichen Dank!

Bitte - gern geschehen.