phpBB.de

Verfasst: **10.08.2003 10:54**

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

Verfasst: **10.08.2003 12:59**

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...

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";
}

Verfasst: **10.08.2003 14:59**

...und wo plaziere ich den code? im head-bereich?
grenzenloses unwissen meinerseits

sorry,...trotzdem danke

Verfasst: **10.08.2003 15:30**

poste mal bitte dein quelltext

Verfasst: **10.08.2003 16:07**

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>

Bitte

Code: Alles auswählen

 benutzen[/color]

phpBB.de

show/hide-layer mit dreamweaver

show/hide-layer mit dreamweaver