hallo leute,
hoffe ich bin hier richtig.
ich arbeite an einer homepage mit dreamweaver 3.
die show/hide-layer-funktion (on mouse over) funktioniert
im IE und in netscape 4.x, in netscape 7 allerdings nicht.
gibts da eine lösung für mein problem?
danke im voraus
freilicht
show/hide-layer mit dreamweaver
netscape 7 basiert auf mozilla...und der ein anderes DOM als der IE und Netscape 4.x...
das ist ne browser abfrage der das DOM rausfindet...
das ist ne browser abfrage der das DOM rausfindet...
Code: Alles auswählen
if(document.getElementById){ // DOM-fähiger Browser (IE5, IE6, Mozilla, konq, Opera, NN6)
document.getElementById("ID").style.visibility = "visible";
}
if(document.layers){ // Netscape 4 und wirklich NUR der!
document.ID.visible = "show";
}
if(document.all){ // IE4, falls man ihn noch findet
document.ID.visibility = "visible";
}
-
Gast
-
Gast
Code: Alles auswählen
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v3.0
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_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_showHideLayers() { //v3.0
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>
</head>
<body bgcolor="#FFFFFF" onLoad="MM_preloadImages('1a.gif','2a.gif','3a.gif','4a.gif','5a.gif','fly1a.gif','fly2a.gif','fly3a.gif','fly4a.gif','fly5a.gif')">
<table border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td rowspan="6"><img src="nav1.gif" width="410" height="215" usemap="#Map2" border="0"></td>
<td><img src="nav2.gif" width="124" height="76"></td>
<td rowspan="6"><img src="nav3.gif" width="66" height="215" border="0"></td>
</tr>
<tr valign="top">
<td><a href="home.htm" target="content" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','1a.gif',1);MM_showHideLayers('flyout1','','hide')"><img src="1.gif" width="124" height="25" border="0" name="Image1"></a></td>
</tr>
<tr valign="top">
<td><a href="firma.htm" target="content" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','2a.gif',1);MM_showHideLayers('flyout1','','hide')"><img src="2.gif" width="124" height="32" border="0" name="Image2"></a></td>
</tr>
<tr valign="top">
<td><a href="philosophie.htm" target="content" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','3a.gif',1);MM_showHideLayers('flyout1','','hide')"><img src="3.gif" width="124" height="25" border="0" name="Image3"></a></td>
</tr>
<tr valign="top">
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','4a.gif',1);MM_showHideLayers('flyout1','','show')"><img src="4.gif" width="124" height="29" border="0" name="Image4"></a></td>
</tr>
<tr valign="top">
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','5a.gif',1);MM_showHideLayers('flyout1','','hide')"><img src="5.gif" width="124" height="28" border="0" name="Image5"></a></td>
</tr>
</table>
<map name="Map2"><area shape="rect" coords="14,13,87,30" href="impressum.htm" target="content"></map><map name="Map"><area shape="rect" coords="12,13,87,28" href="impressum.htm" target="content"></map>
<div id="flyout1" style="position:absolute; left:285px; top:92px; width:130px; height:103px; z-index:1; visibility: hidden">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','fly1a.gif',1)"><img src="fly1.gif" width="123" height="18" border="0" name="Image6"></a></td>
</tr>
<tr>
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','fly2a.gif',1)"><img src="fly2.gif" width="123" height="19" border="0" name="Image7"></a></td>
</tr>
<tr>
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','fly3a.gif',1)"><img src="fly3.gif" width="123" height="18" border="0" name="Image8"></a></td>
</tr>
<tr>
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','fly4a.gif',1)"><img src="fly4.gif" width="123" height="18" border="0" name="Image9"></a></td>
</tr>
<tr>
<td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','fly5a.gif',1)"><img src="fly5.gif" width="123" height="21" border="0" name="Image10"></a></td>
</tr>
</table>
</div>
</body>
</html>
Code: Alles auswählen
benutzen[/color]