Hi
I used megamenu in my page:
<link href="Css/Main.css" rel="stylesheet" />
<link href="Css/red.css" rel="stylesheet" type="text/css" />
<link href="Css/article.css" rel="stylesheet" type="text/css" />
<link href="Css/dcmegamenu.css" rel="stylesheet" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="scripts/jquery.dcmegamenu.1.3.3.js"></script>
<script src="scripts/jquery.hoverIntent.minified.js"></script>
<script type="text/javascript">
$(document).ready(function($){
$('#mega-menu-1').dcMegaMenu({
rowItems: '3',
speed: 0,
effect: 'slide',
event: 'click',
fullWidth: true
});
$('#mega-menu-2').dcMegaMenu({
rowItems: '7',
speed: 'fast',
effect: 'fade',
event: 'click'
});
$('#mega-menu-10').dcMegaMenu({
rowItems: '7',
speed: 'fast',
effect: 'fade',
event: 'click'
});
$('#mega-menu-3').dcMegaMenu({
rowItems: '2',
speed: 'fast',
effect: 'fade'
});
$('#mega-menu-4').dcMegaMenu({
rowItems: '3',
speed: 'fast',
effect: 'fade'
});
$('#mega-menu-5').dcMegaMenu({
rowItems: '4',
speed: 'fast',
effect: 'fade'
});
$('#mega-menu-6').dcMegaMenu({
rowItems: '7',
speed: 'slow',
effect: 'slide',
event: 'click',
fullWidth: true
});
$('#mega-menu-7').dcMegaMenu({
rowItems: '3',
speed: 'fast',
effect: 'slide'
});
$('#mega-menu-8').dcMegaMenu({
rowItems: '3',
speed: 'fast',
effect: 'fade'
});
$('#mega-menu-9').dcMegaMenu({
rowItems: '3',
speed: 'fast',
effect: 'fade'
});
});
</script>
<title>نرم افزار و فایل</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<center>
<div id="Topheader">
<div id="header">
<div id="Toplamp">
</div>
<div id="lamp">
<asp:Image ID="Image1" runat="server" ImageUrl="~/Image/Main/digimasterL.png" CssClass="digiL"></asp:Image>
<div id="lamp1">
<asp:Image ID="Image3" runat="server" ImageUrl="~/Image/Main/lamp.png" CssClass="lampL"></asp:Image>
<asp:Image ID="Image2" runat="server" ImageUrl="~/Image/Main/digimasterR.png" CssClass="digiR"></asp:Image>
</div>
</div>
<div id="lamp2"></div>
<div id="lamp3">
<div id="lamp3T">
<div id="lamp31">
<div id="lamp31_1">
<div class="imgart">
<div class="demo-container1">
<div class="red">
<ul id="mega-menu-10" class="mega-menu1">
<li><a href="#" id="mainsoft"> </a>
<ul>
<li><a href="#">برنامه های موبایل</a>
<div id="mega1"></div>
<ul>
<li><a href="#">عکاسی و فیلمبرداری</a></li>
<li><a href="#">موسیقی</a></li>
<li><a href="#">نقاشی و طراحی</a></li>
</ul>
</li>
<li><a href="#">برنامه های کاربردی</a>
<div id="mega2"></div>
<ul>
<li><a href="#">برنامه های آفیس</a></li>
<li><a href="#">دیکشنری های مختلف</a></li>
</ul>
</li>
<li><a href="#">برنامه های کاربردی</a>
<div id="mega3"></div>
<ul>
<li><a href="#">برنامه های آفیس</a></li>
<li><a href="#">دیکشنری های مختلف</a></li>
</ul>
</li>
<li><a href="#">برنامه نویسی</a>
<div id="mega4"></div>
<ul>
<li><a href="#">نرم افزار های برنامه نویسی</a></li>
<li><a href="#">نرم افزار های پایگاه داده</a></li>
</ul>
</li>
<li><a href="#">فنی و مهندسی</a>
<div id="mega5"></div>
<ul>
<li><a href="#">نرم افزار های طراحی</a></li>
<li><a href="#">نرم افزار های تحلیلی</a></li>
</ul>
</li>
<li><a href="#">گرافیک و فیلم</a>
<div id="mega6"></div>
<ul>
<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
<li><a href='<%#"نرم-افزاروفایل.aspx?Secondclass="+Eval("Secondclass")+"&ID="+Eval("ID")%>' target="_blank">
<%#Eval("Secondclass")%></a></li>
</ItemTemplate>
</asp:Repeater>
</ul>
</li>
<li><a href="#">سیستم عامل</a>
<div id="mega7"></div>
<ul>
<asp:Repeater ID="Repeater2" runat="server">
<ItemTemplate>
<li><a href='<%#"صنایع.aspx?H_name="+Eval("Secondclass")+"&ID="+Eval("ID")%>' target="_blank">
<%#Eval("Secondclass")%></a></li>
</ItemTemplate>
</asp:Repeater>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
this is image of page:
it worked correctly but when I want use urlrouting for this page megamenu doesn't worked and show like:
and urlrouting code is:
if (this.Page.RouteData.Values["Secondclass"].ToString() != null)
{
this.GetCustomersPageWise(1);
}
global.aspx:
static void RegisterRoutes(RouteCollection routes)
{
routes.MapPageRoute("CustomerDetails", "Mostanad/{UrlName}", "~/مستند.aspx");
routes.MapPageRoute("Softwareinfo", "Software/SoftwareInfo/{UrlName}", "~/توضیحات-نرم-افزار.aspx");
routes.MapPageRoute("Software", "Software/{Secondclass}", "~/نرم-افزاروفایل.aspx");
}
can you help me ?
Best regards
Neda