wilshire461
11-24-2008, 08:14 PM
I'm having some trouble implementing the jquery slidemenu found here:
http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/
into my asp.net web project.
This is what I have so far for my masterpage:
<head id="Head1" runat="server">
<title>Website Title</title>
<link rel="stylesheet" type="text/css" media="screen" href="styles.css"/>
<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jqueryslidemenu.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div id="wrapper">
<div id="header">
</div>
<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a>
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#"></a>
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
<li><a href="#">Link</a></li>
</ul>
<br style="clear: left" />
</div>
When popping into design view it shows when mousing over the nav div that the dropdown list is there (in thin blue outline) but when I go to compile and host it the dropdown doesn't show up on mouseover.
Currently I don't have any code in the aspx.cs file (do I need to include a script manager?).
Any help would be greatly appreciated.
http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/
into my asp.net web project.
This is what I have so far for my masterpage:
<head id="Head1" runat="server">
<title>Website Title</title>
<link rel="stylesheet" type="text/css" media="screen" href="styles.css"/>
<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jqueryslidemenu.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div id="wrapper">
<div id="header">
</div>
<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a>
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#"></a>
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
<li><a href="#">Link</a></li>
</ul>
<br style="clear: left" />
</div>
When popping into design view it shows when mousing over the nav div that the dropdown list is there (in thin blue outline) but when I go to compile and host it the dropdown doesn't show up on mouseover.
Currently I don't have any code in the aspx.cs file (do I need to include a script manager?).
Any help would be greatly appreciated.