Click here to Skip to main content
15,921,884 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
Appriciate if u capable to help me :--

I have to develop the menu using javascript and css asp.net 2.0

In ASP.net menu , I used MenuCss Adapter, but it is not working properly.
While posing a mouse on menu, list dropped, but DropDownList(Combo box)
displayed over the menu.

And some times , menu do not drop down.

Thats why I want to go with Menu using JavaScript And CSS.


Can u help me with this



Thanx
Posted

XML
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .main
        {
            width:90px;
            height:20px;
            background-color:Red;
            position:absolute;
            cursor:pointer;
        }
        .main:hover
        {
            height:100px;
        }
        .submenu
        {
          display:none;
        }
        .main:hover .submenu
        {
            width:90px;
            height:100px;
            background-color:Red;
            position:relative;
            display:inline;
            z-index:1000;
        }
        .submenu:hover
        {
            display:inline;
        }
        ul
        {
           list-style-type:none;
           margin: 0;
           padding: 0;
        }
        li
        {
           margin-left:auto;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div class="main">Menu
            <div class="submenu">
                <ul>
                    <li>
                        <asp:DropDownList ID="DropDownList1" runat="server" Width="90">
                            <asp:ListItem>1</asp:ListItem>
                            <asp:ListItem>2</asp:ListItem>
                            <asp:ListItem>3</asp:ListItem>
                        </asp:DropDownList>
                    </li>
                    <li><asp:DropDownList ID="DropDownList2" runat="server" Width="90">
                            <asp:ListItem>1</asp:ListItem>
                            <asp:ListItem>2</asp:ListItem>
                            <asp:ListItem>3</asp:ListItem>
                        </asp:DropDownList></li>
                    <li><asp:DropDownList ID="DropDownList3" runat="server" Width="90">
                            <asp:ListItem>1</asp:ListItem>
                            <asp:ListItem>2</asp:ListItem>
                            <asp:ListItem>3</asp:ListItem>
                        </asp:DropDownList></li>
                </ul>
            </div>
        </div>
    </form>
</body>
</html>
 
Share this answer
 
Hi,
Please Check this site.
http://www.dynamicdrive.com/dynamicindex1/popupmenu.htm[^]

Regards,
Jitendra Zaa
 
Share this answer
 
There are lot of menus avaliable in Javascript...few minutes Googling will help you.
or you can use Menu in asp.NET.

see the following links may help you
Example 1
Example 2

Best Regards
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900