Susann: rollover (komplex)

Beitrag lesen

Hallo...
ich habe ein kleines Java-Script Problem.
Es wäre nett, wenn jemand mir und meiner Navigationsleiste helfen könnte.

Das Script funktioniert nur, wenn die Tabelle !! nicht !! in einem absolut positioniertem Layer ist.
Warum.. was mache ich falsch?
Susann

</SCRIPT>  
<script language="JavaScript">
    <!--
var nSelect = 99;

pic_normal = new Object();
        pic_highlight = new Object();
        pic_selected = new Object();
        pic_cur = new Object();

text = new Object();

defaultStatus = ""

pic_highlight[0] = "a_me.gif";
    pic_normal[0] = "me.gif";
    pic_selected[0] = "v_me.gif";
    pic_cur[0] = pic_normal[0];

pic_highlight[1] = "a_print.gif";
    pic_normal[1] = "print.gif";
    pic_selected[1] = "v_print.gif";
    pic_cur[1] = pic_normal[1];

text[0] = "identity";
    text[1] = "print";
    
    
  
function mOver (menuepunkt)
    {
      status=text[menuepunkt];
           pic_cur[menuepunkt] = pic_highlight[menuepunkt];
      document.images[menuepunkt].src=pic_cur[menuepunkt];
    }

function mOut (menuepunkt)
    {
                if(nSelect == menuepunkt)
                {
                        pic_cur[menuepunkt] = pic_highlight[menuepunkt];
                }
                else
                {
                        pic_cur[menuepunkt] = pic_normal[menuepunkt];
                }
       document.images[menuepunkt].src=pic_cur[menuepunkt];
    }

function mClick (menuepunkt)
    {
                if(nSelect != 99)
                {
                        pic_normal[nSelect] = pic_selected[nSelect];
                   pic_cur[nSelect] = pic_selected[nSelect];
          document.images[nSelect].src=pic_cur[nSelect];
                }
                nSelect = menuepunkt;
       pic_cur[menuepunkt] = pic_highlight[menuepunkt];
        document.images[menuepunkt].src=pic_cur[menuepunkt];
        aktiv=menuepunkt;
    }

function ZweiFrames(URL0,F0,URL2,F2)
     {  
      parent.frames[F0].location.href=URL0;
      parent.frames[F2].location.href=URL2;
     }

// -->
</script>
</head>

<body topmargin="0" leftmargin="0" bgcolor="#FFFFFF">

<div id="Layer1" style="position:absolute; left:2px; top:-2px; width:801px; height:30px; z-index:1">
  
<table width="100%" valign="top" border="0"  cellspacing="0"  cellpadding="0" name="leiste" height="30">
    <tr>
      <td  border=0 width=100 align=center valign="middle">
        <a onMouseOver="mOver(0)"
           onMouseOut="mOut(0)"
           onMouseDown="mClick(0)"
           href="javascript:ZweiFrames('me_o.htm',0,'me_u.htm',2)">
           <img src="me.gif" width="140" height="25" border=0 align="top" name="identity"></a>
       </td>
      
<td valign=middle border=0 width=100 align=center>
         <a  onMouseOver="mOver(1);return true;"
            onMouseOut="mOut(1);return true;"
            onMouseDown="mClick(1);return true;"
            href="javascript:ZweiFrames('print_o.htm',0,'print_u.htm',2)">
            <img src="print.gif" width="140" height="25" border=0 align="top" name="print"></a>
       </td>
      </tr>
  </table>
</div>
</BODY>
</HTML>