Topic: MouseOver Panels in a control
Share/Save/Bookmark
When a person does a mouseover on the link, it shows the panel, which has a table of rules
 
 
This was set inside of a table inside a user control.
 
NOTE: This isinside a user control in ASP.NET. Anything that inherits from System.Web.UI.Control will have the read-only
UniqueID property that enables you to use the "ucControlName_pnlPanelName" to get to any objects. Notice how it is used
in the onmouseover method
 
 
<tr>
    <td colspan=2 align=center>
 
        <a onmouseover="document.all.ucMyChange_pnlMyPanel.style.visibility='visible'" onmouseout="document.all.ucMyChange_pnlMyPanel.style.visibility='hidden'"><U>Some Text</U></a>
        <asp:Panel ID=pnlMyPanel runat=server style="position:absolute; visibility:hidden">
            <table cellpadding="10" cellspacing="0" class="topBottom">
                <tr>
                    <td>
                        <table cellpadding="2" cellspacing="0" width="325">
                            <tr>
                                <td class="cell15" valign="middle"><img src="images/someImage.gif" /></td>
                                <td class="left">Some Text.</td>
                            </tr>
                            <tr>
                               <td class="cell15" valign="middle"><img src="images/someImage.gif" /></td>
                               <td class="left">Some Text.</td>
                            </tr>
                            <tr>
                               <td class="cell15" valign="middle"><img src="images/someImage.gif" /></td>
                               <td class="left">Valid characters: A-Z, a-z, 0-9, _</td>
                            </tr>
                        </table>
                   </td>
                </tr>
           </table>
        </asp:Panel>
    </td>
</tr>