Mouse effekt på table el. layer.

Jo, det er faktisk muligt! På tuborg.dk's gamle side, havde de gjort det, men de har desværre lavet siden om!

Jeg kan måske grave et lille eksampel frem, hvis du er interesseret ?

<ole>
Her er adressen til et afsnit i en tutorial, der handler om at loade filer ind i et layer. Når nu du er der, så check lige resten ud - der står meget godt:
    http://www.dansteinman.com/dynduo/en/source.html
/Vh
</bole>

Det checker jeg lige.

I ved ikke om Dreamweaver har den funktion indbygget?

Nej... Dreamweaver har kun en onmouseover-funktion indbygget!

Ville du se et eksempel på et sådant script som du mangler ?

ja - bare kom med det.

Her er det så...


<html>
<head>
  <title>KGB</title>
</head>
<script language="JavaScript">
function MM_showHideLayers() { //v2.0
  var i, visStr, args, theObj;
  args = MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) { //with arg triples (objNS,objIE,visStr)
    visStr  = args[i+2];
    if (navigator.appName == 'Netscape' && document.layers != null) {
      theObj = eval(args[i]);
      if (theObj) theObj.visibility = visStr;
    } else if (document.all != null) { //IE
      if (visStr == 'show') visStr = 'visible'; //convert vals
      if (visStr == 'hide') visStr = 'hidden';
      theObj = eval(args[i+1]);
      if (theObj) theObj.style.visibility = visStr;
  } }
}
</script>
<body bgcolor="#000000">

<table border="0">
  <tr>
    <td>
      <img src="images/flag.jpg">
    </td>
  </tr>
</table>

<div style="position:absolute; z-index:1; left: 220px; top: 10px;">
<table border="0">
  <tr>
    <td>
      <img src="images/kgb.jpg">
    </td>
  </tr>
</table>
</div>

<div style="position:absolute; z-index:1; left: 450px; top: 130px;">
<table border="0">
  <tr>
    <td>
      <img src="images/earth.jpg">
    </td>
  </tr>
</table>
</div>

<div id="info" style="position:absolute; width:400px; height:300px; z-index:1; left: 10px; top: 200px; visibility: hidden">
<table border="0" width="460" height="300" align="center">
  <tr>
    <td>
      <center><font color="#ffffff">Info</font></center>
    </td>
  </tr>
</table>
</div>

<div id="links" style="position:absolute; width:400px; height:300px; z-index:1; left: 10px; top: 200px; visibility: hidden">
<table border="0" width="460" height="300" align="center">
  <tr>
    <td>
      <center><font color="#ffffff">Links</font></center>
    </td>
  </tr>
</table>
</div>

<div id="location" style="position:absolute; width:400px; height:300px; z-index:1; left: 10px; top: 200px; visibility: hidden">
<table border="0" width="460" height="300" align="center">
  <tr>
    <td>
      <center><font color="#ffffff">Location</font></center>
    </td>
  </tr>
</table>
</div>

<div id="members" style="position:absolute; width:400px; height:300px; z-index:1; left: 10px; top: 200px; visibility: hidden">
<table border="0" width="460" height="300" align="center">
  <tr>
    <td>
      <center><font color="#ffffff">Members</font></center>
    </td>
  </tr>
</table>
</div>

<div id="missions" style="position:absolute; width:400px; height:300px; z-index:1; left: 10px; top: 200px; visibility: hidden">
<table border="0" width="460" height="300" align="center">
  <tr>
    <td>
      <center><font color="#ffffff">Missions</font></center>
    </td>
  </tr>
</table>
</div>

<div id="home" style="position:absolute; width:400px; height:300px; z-index:1; left: 10px; top: 200px; visibility: hidden">
<table border="0" width="460" height="300" align="center">
  <tr>
    <td>
      <center><font color="#ffffff">Home</font></center>
    </td>
  </tr>
</table>
</div>

<div id="int1a" style="position:absolute; z-index:2; left: 75px; top: 140px; visibility: visible"><a href="#" onMouseOver="MM_showHideLayers('document.layers[\'info\']','document.all[\'info\']','show','document.layers[\'links\']','document.all[\'links\']','hide','document.layers[\'location\']','document.all[\'location\']','hide','document.layers[\'members\']','document.all[\'members\']','hide','document.layers[\'missions\']','document.all[\'missions\']','hide','document.layers[\'home\']','document.all[\'home\']','hide','document.layers[\'int1a\']','document.all[\'int1a\']','hide','document.layers[\'int1b\']','document.all[\'int1b\']','show','document.layers[\'int2a\']','document.all[\'int2a\']','show','document.layers[\'int2b\']','document.all[\'int2b\']','hide','document.layers[\'int3a\']','document.all[\'int3a\']','show','document.layers[\'int3b\']','document.all[\'int3b\']','hide','document.layers[\'int4a\']','document.all[\'int4a\']','show','document.layers[\'int4b\']','document.all[\'int4b\']','hide','document.layers[\'int5a\']','document.all[\'int5a\']','show','document.layers[\'int5b\']','document.all[\'int5b\']','hide','document.layers[\'int6a\']','document.all[\'int6a\']','show','document.layers[\'int6b\']','document.all[\'int6b\']','hide','document.layers[\'members\']','document.all[\'members\']','hide')"><img src="images/menu_info.jpg" name="menu1" border="0"></a></div>
<div id="int1b" style="position:absolute; z-index:2; left: 75px; top: 140px; visibility: hidden"><a href="#"><img src="images/menu_info.jpg" name="menu1" border="0"></a></div>

<div id="int2a" style="position:absolute; z-index:2; left: 138px; top: 140px; visibility: hidden"><a href="#" onMouseOver="MM_showHideLayers('document.layers[\'info\']','document.all[\'info\']','hide','document.layers[\'links\']','document.all[\'links\']','show','document.layers[\'location\']','document.all[\'location\']','hide','document.layers[\'members\']','document.all[\'members\']','hide','document.layers[\'missions\']','document.all[\'missions\']','hide','document.layers[\'home\']','document.all[\'home\']','hide','document.layers[\'int1a\']','document.all[\'int1a\']','show','document.layers[\'int1b\']','document.all[\'int1b\']','hide','document.layers[\'int2a\']','document.all[\'int2a\']','hide','document.layers[\'int2b\']','document.all[\'int2b\']','show','document.layers[\'int3a\']','document.all[\'int3a\']','show','document.layers[\'int3b\']','document.all[\'int3b\']','hide','document.layers[\'int4a\']','document.all[\'int4a\']','show','document.layers[\'int4b\']','document.all[\'int4b\']','hide','document.layers[\'int5a\']','document.all[\'int5a\']','show','document.layers[\'int5b\']','document.all[\'int5b\']','hide','document.layers[\'int6a\']','document.all[\'int6a\']','show','document.layers[\'int6b\']','document.all[\'int6b\']','hide','document.layers[\'members\']','document.all[\'members\']','hide')"><img src="images/menu_links.jpg" name="menu2" border="0"></a></div>
<div id="int2b" style="position:absolute; z-index:2; left: 138px; top: 140px; visibility: visible"><a href="#"><img src="images/menu_links.jpg" name="menu2" border="0"></a></div>

<div id="int3a" style="position:absolute; z-index:2; left: 218px; top: 140px"><a href="#" onMouseOver="MM_showHideLayers('document.layers[\'info\']','document.all[\'info\']','hide','document.layers[\'links\']','document.all[\'links\']','hide','document.layers[\'location\']','document.all[\'location\']','show','document.layers[\'members\']','document.all[\'members\']','hide','document.layers[\'missions\']','document.all[\'missions\']','hide','document.layers[\'home\']','document.all[\'home\']','hide','document.layers[\'int1a\']','document.all[\'int1a\']','show','document.layers[\'int1b\']','document.all[\'int1b\']','hide','document.layers[\'int2a\']','document.all[\'int2a\']','show','document.layers[\'int2b\']','document.all[\'int2b\']','hide','document.layers[\'int3a\']','document.all[\'int3a\']','hide','document.layers[\'int3b\']','document.all[\'int3b\']','show','document.layers[\'int4a\']','document.all[\'int4a\']','show','document.layers[\'int4b\']','document.all[\'int4b\']','hide','document.layers[\'int5a\']','document.all[\'int5a\']','show','document.layers[\'int5b\']','document.all[\'int5b\']','hide','document.layers[\'int6a\']','document.all[\'int6a\']','show','document.layers[\'int6b\']','document.all[\'int6b\']','hide','document.layers[\'members\']','document.all[\'members\']','hide')"><img src="images/menu_location.jpg" name="menu3" border="0"></a></div>
<div id="int3b" style="position:absolute; z-index:2; left: 218px; top: 140px; visibility: hidden"><a href="#"><img src="images/menu_location.jpg" name="menu3" border="0"></a></div>

<div id="int4a" style="position:absolute; z-index:2; left: 337px; top: 140px"><a href="#" onMouseOver="MM_showHideLayers('document.layers[\'info\']','document.all[\'info\']','hide','document.layers[\'links\']','document.all[\'links\']','hide','document.layers[\'location\']','document.all[\'location\']','hide','document.layers[\'members\']','document.all[\'members\']','show','document.layers[\'missions\']','document.all[\'missions\']','hide','document.layers[\'home\']','document.all[\'home\']','hide','document.layers[\'int1a\']','document.all[\'int1a\']','show','document.layers[\'int1b\']','document.all[\'int1b\']','hide','document.layers[\'int2a\']','document.all[\'int2a\']','show','document.layers[\'int2b\']','document.all[\'int2b\']','hide','document.layers[\'int3a\']','document.all[\'int3a\']','show','document.layers[\'int3b\']','document.all[\'int3b\']','hide','document.layers[\'int4a\']','document.all[\'int4a\']','hide','document.layers[\'int4b\']','document.all[\'int4b\']','show','document.layers[\'int5a\']','document.all[\'int5a\']','show','document.layers[\'int5b\']','document.all[\'int5b\']','hide','document.layers[\'int6a\']','document.all[\'int6a\']','show','document.layers[\'int6b\']','document.all[\'int6b\']','hide','document.layers[\'tuborgsk\']','document.all[\'tuborgsk\']','hide')"><img src="images/menu_members.jpg"  name="menu4" border="0"></a></div>
<div id="int4b" style="position:absolute; z-index:2; left: 337px; top: 140px; visibility: hidden"><a href="#" onClick="MM_showHideLayers('document.layers[\'info\']','document.all[\'info\']','hide','document.layers[\'links\']','document.all[\'links\']','hide','document.layers[\'location\']','document.all[\'location\']','hide','document.layers[\'members\']','document.all[\'members\']','hide','document.layers[\'missions\']','document.all[\'missions\']','hide','document.layers[\'home\']','document.all[\'home\']','hide','document.layers[\'members\']','document.all[\'members\']','show');"><img src="images/menu_members.jpg" name="menu4" border="0"></a></div>

<div id="int5a" style="position:absolute; z-index:2; left: 442px; top: 140px"><a href="#" onMouseOver="MM_showHideLayers('document.layers[\'info\']','document.all[\'info\']','hide','document.layers[\'links\']','document.all[\'links\']','hide','document.layers[\'location\']','document.all[\'location\']','hide','document.layers[\'members\']','document.all[\'members\']','hide','document.layers[\'missions\']','document.all[\'missions\']','show','document.layers[\'home\']','document.all[\'home\']','hide','document.layers[\'int1a\']','document.all[\'int1a\']','show','document.layers[\'int1b\']','document.all[\'int1b\']','hide','document.layers[\'int2a\']','document.all[\'int2a\']','show','document.layers[\'int2b\']','document.all[\'int2b\']','hide','document.layers[\'int3a\']','document.all[\'int3a\']','show','document.layers[\'int3b\']','document.all[\'int3b\']','hide','document.layers[\'int4a\']','document.all[\'int4a\']','show','document.layers[\'int4b\']','document.all[\'int4b\']','hide','document.layers[\'int5a\']','document.all[\'int5a\']','hide','document.layers[\'int5b\']','document.all[\'int5b\']','show','document.layers[\'int6a\']','document.all[\'int6a\']','show','document.layers[\'int6b\']','document.all[\'int6b\']','hide','document.layers[\'tuborgsk2\']','document.all[\'tuborgsk2\']','hide')"><img src="images/menu_missions.jpg" name="menu5" border="0"></a></div>
<div id="int5b" style="position:absolute; z-index:2; left: 442px; top: 140px; visibility: hidden"><a href="#"><img src="images/menu_missions.jpg" name="menu5" border="0"></a></div>

<div id="int6a" style="position:absolute; z-index:2; left: 10px; top: 143px"><a href="#" onMouseOver="MM_showHideLayers('document.layers[\'info\']','document.all[\'info\']','hide','document.layers[\'links\']','document.all[\'links\']','hide','document.layers[\'location\']','document.all[\'location\']','hide','document.layers[\'members\']','document.all[\'members\']','hide','document.layers[\'missions\']','document.all[\'missions\']','hide','document.layers[\'home\']','document.all[\'home\']','show','document.layers[\'int1a\']','document.all[\'int1a\']','show','document.layers[\'int1b\']','document.all[\'int1b\']','hide','document.layers[\'int2a\']','document.all[\'int2a\']','show','document.layers[\'int2b\']','document.all[\'int2b\']','hide','document.layers[\'int3a\']','document.all[\'int3a\']','show','document.layers[\'int3b\']','document.all[\'int3b\']','hide','document.layers[\'int4a\']','document.all[\'int4a\']','show','document.layers[\'int4b\']','document.all[\'int4b\']','hide','document.layers[\'int5a\']','document.all[\'int5a\']','show','document.layers[\'int5b\']','document.all[\'int5b\']','hide','document.layers[\'int6a\']','document.all[\'int6a\']','hide','document.layers[\'int6b\']','document.all[\'int6b\']','show','document.layers[\'home\']','document.all[\'home\']','hide')"><img src="images/menu_home.jpg" name="menu6" border="0"></a></div>
<div id="int6b" style="position:absolute; z-index:2; left: 10px; top: 143px; visibility: hidden"><a href="#" onMouseOver="MM_showHideLayers('document.layers[\'home\']','document.all[\'home\']','show')"><img src="images/menu_home.jpg" border="0" name="menu6"></a></div>
</body>
</html>