Dropdown - menu system

set id på dine div's og lav en show / hide i din javascript kode ved onmouseover

ved ikke om denne kan give dig en idé ? Den er ikke blevet helt færdig: http://hjem.get2net.dk/arntsen/eksperten/menu/menu10.htm

Mine div's får et id.

Det så jeg lidt sent, men er det forskellige id'er ?
Hvis ikke kan du sætte en show('din ID') eller hide('din ID') skal også være et script til det som du kan nappe fra mit link.

onMouseOver="showDropdown(<% = rs("title") %>); hide('din ID');">

EHmm... mine id'er bliver givet ud fra datbasen og så det loop den kører, så at lave hide(id) er ikke lige til.

Hvis jeg bare kunne leve noget i koden som sagde, hide alle layers on mouseover undtagen det id som lige er blevet sendt...

så må jeg stå af :o)

Ingen der kan hjælpe?! Jeg kan godt smide flere points i hvis det er..

noget i den her stil ...

jeg har dog ikke testet det da jeg ikke har database eller noget



<table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
    <%
      dim idstring,title
      strSQL = "SELECT * From HTML order by sortOrder asc"
      set rs = conn.execute(strSQL)
      do until rs.eof or rs.bof
      title=rs("Title")
      %>
        <td align="left" valign="middle">
        <table width="100" border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td onMouseOver="showDropdown(<% = title %>)">
              <div id="<% = title %>" style="position:absolute; width:125px; z-index:2; overflow: auto; display=none; top: 87px;" onMouseOut="closeDropdown(<% = title %>)">
            <table width="120" border="0" cellpadding="0" cellspacing="0" bgcolor="#636363">
            <tr>
            <td><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">
            Menu 1
            </font></td>
            </tr>
            <tr>
            <td><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">
            Menu 2
            </font></td>
            </tr>
            <tr>
            <td><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">
            Menu 3
            </font></td>
            </tr>
            </table>
              </div>
              <a href="default.asp?id=<% = rs("id") %>">
                <% = title %>
              </a>
             
              </td>
              <td rowspan="2" bgcolor="#CCCCCC" width="1" ></td>
            </tr>
            </table>
        </td>
        <%
            idstring=idstring&"'"&title&"',"
        rs.movenext   
        loop
        %>
      </tr>
    </table>
    <script language="JavaScript">
    var idarray= new Array(<%=left(idstring,len(idstring)-1)%>)
    function showDropdown(sender)
    {
        for(var i=0;i<idarray.length;i++){
            document.getElementById(idarray[i]).style.display = "none"
        }
        sender.style.display = ""
    }
   
    function closeDropdown(sender)
    {
    sender.style.display = "none"
    } 
    </script>

ideen med showDropdown er at den starter med at gemme alle lag for derefter at vise det lag du har valgt

det var et svar :-)

Præcis, det jeg ledte efter.. -:) Du får 1000 tak

selv tak