Asp Dynamic Menu CSS

Posted by Self-Innovator under ASP.NET on 4/4/2012 | Points: 10 | Views : 1918 | Status : [Member] | Replies : 1

Write New Post |

Search Forums | Answered

Resolved Posts |

Un Answered Posts |

Forums Home

hi I am almost to achieve my solution...
I've create d a dynamic Menu in Which parent Menus are static and Child menus are binding dynamically based on User Previliges...I've done up with my CSS on MouseHover Of parent menus i've made backgroudcolor as WHITE and same by defalut it is in GRAY..When i mouse hover to any Child menu of Specific parent the Child also ChildBG color is getting in White but Parent is geting chaged to once again GRAY how can i avoid this...Pls help

Join Hands Change lives
Thanks & Regards
Straight Edge Society

Reply | Reply with Attachment

Alert Moderator

Responses

Posted by: Mani5155 on: 4/10/2012 [Member] Starter | Points: 25

use scripting tag<% %> place the condition or user privileges to bind the child links

</p><span class="dateClassForHome"><i>Self-Innovator</i>, if this helps please <a href="/login.aspx?ReturnUrl=%2fforums%2fshow%2f8931%2fasp-dynamic-menu-css">login</a> to <b>Mark As Answer</b>. | </span><a rel="nofollow" class="dateClassForHome" href="/feedback.aspx?forumid=8931&rid=23901&writeurl=yes" title="Require moderation? alert moderator.">Alert Moderator</a></div><br /> </td> </tr> </table></div> </div> </div> </div> <p id="MainContent_ResponseForm1_loginP" class="spacer"> <a class="PostResponseB" href="/login.aspx?ReturnUrl=http://www.dotnetfunda.com/forums/show/8931/asp-dynamic-menu-css" title="Login" name="reply">Login to post response</a> </p> <script type="text/javascript"> var dnlr = true; function IsBrowserIE() { if (navigator.userAgent.search(".NET") > 0 || navigator.userAgent.search("MSIE") > 0) { return true; } else { return false; } } if (IsBrowserIE()) { $("#CommentBoxDiv").empty(); $("#CommentBoxDiv").html('<p><a href="/forums/postanswer.aspx?qid=8931" title="Click here to reply">Click here to reply</a></p>'); } $(document).ajaxStart(function() { $('#divWait').show(); $("#btnResPost").prop('disabled', true); }).ajaxStop(function() { $('#divWait').hide(); $("#btnResPost").prop('disabled', false); }); $("#btnResPost").click(function () { dnlr = false; if ($('#txtResponse').val().trim().length == 0) { alert("Please write your response."); $('#txtResponse').focus(); return; } $("#divMessage").html(""); // submit response $.post("/submit/processresponser.aspx", { Flag: "Self-Innovator", tResponse: $("#txtResponse").val(), ResponseForId : 8931, SectionId : 3, Title : "Asp Dynamic Menu CSS", AuthorUserName : "Self-Innovator" }, function (data) { $("#divMessage").html(data); }); $("#txtResponse").val(''); BindResponses(8931, 3, "Self-Innovator"); // make the preview empty $("#txtResponsePreview").html(''); }); function BindResponses(responseId, SectionId, flag) { $('#alertMessage').html(''); // bind response $.post("/submit/processresponser.aspx", { ResponseForId : responseId, SectionId : SectionId, Flag : flag, CurrentUrl : "%2fforums%2fshow%2f8931%2fasp-dynamic-menu-css", Title : "Asp Dynamic Menu CSS", AuthorUserName : "Self-Innovator" }, function (data) { $("#divResponse").html(data); }); } $(document).ready(function () { if (!dnlr) { BindResponses(8931, 3, "Self-Innovator"); } else { $('#divWait').hide(); $("#btnResPost").prop('disabled', false); } }); </script> <div class="spacer"> <strong>Latest Posts</strong> <ul class="morePost"> <li><a href="/forums/show/22954/1877-227-2303-intuit-quickbooks-support-get-help-instantaneously" title="1(877) 227 2303 Intuit QuickBooks Support- Get Help Instantaneously">1(877) 227 2303 Intuit QuickBooks Support- Get Help Instantaneously</a>  (0)<span style="color:red;font-size:8pt;">New</span></li> <li><a href="/forums/show/22953/officecomsetup-office-setup-wwwofficecomsetup" title="Office.com/setup | Office Setup | www.Office.com/setup">Office.com/setup | Office Setup | www.Office.com/setup</a>  (0)<span style="color:red;font-size:8pt;">New</span></li> <li><a href="/forums/show/22943/select-index-change-example-in-dropdownlist-in-mvc" title="select index change example in dropdownlist in mvc">select index change example in dropdownlist in mvc</a>  (1)</li> <li><a href="/forums/show/22941/insert-data-from-datagrid-view-to-database-table-from-datagrid-view" title="Insert Data from datagrid view to database table from datagrid view">Insert Data from datagrid view to database table from datagrid view</a>  (0)</li> <li><a href="/forums/show/22934/lambd-expression-showing-error-in-mvc5" title="Lambd expression showing error in mvc5">Lambd expression showing error in mvc5</a>  (2)</li> <li><a href="/forums/show/22922/how-to-export-pdf-support-corresponding-font" title="How to Export PDF support corresponding font">How to Export PDF support corresponding font</a>  (0)</li> <li><a href="/forums/show/22916/bulk-sms-send-via-dotnet-api-integration" title="Bulk SMS send via Dotnet API integration">Bulk SMS send via Dotnet API integration</a>  (1)</li> <li><a href="/forums/show/22913/date-conversion-error-in-mvc" title="Date conversion Error in mvc">Date conversion Error in mvc</a>  (2)</li> <li><a href="/forums/" title="More Forums Posts ...">More ...</a></li></ul> </div> </div> <link href="/Styles/prettify.css" rel="stylesheet" /> <script type="text/javascript" src="/Scripts/prettify.js"></script> <script type="text/javascript"> $(document).ready(function () { prettyPrint(); $(".voteUD").on('click', function () { var vote = $(this).attr("data-v"); var rid = $(this).attr("data-rid"); $.post("/submit/forumratingupdown.aspx", { rid: rid, vote: vote }, function (data) { if (!isNaN(data)) { $("#vote" + rid).html(data); // alert("Thanks for your vote !"); } else { alert(data); } }).error(function (data) { alert("ERROR: " + data.statusText); });; }); }) </script> </main> </div> </div> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 colSmallLeftSpaceKiller"> <aside> <p style="color:red;">Congratulations to the monthly winners of <a href="/forums/show/22788/congratulations-to-all-monthly-winners-of-mar-2018">Mar 18</a>.</p> <div class="panel panel-info" style="margin-top:5px;"> <div class="panel-heading"><div class="panel-title">Winners</div></div> <div class="panel-body" style="padding-top:6px;padding-bottom:6px;"> <script type="text/javascript">  </script> <div class="text-center" id="pWinRot"><a href="javascript:Navigate();"><span id="lblWinner">Winners & Prizes</span><img id="WinnerImage" class="img-circle" src="/images/prizes.jpg" width="95" height="80" alt="Win Prizes" title="Win Prizes" style="padding-left:20px;" /></a></div> </div> </div> <div class="panel panel-info"> <div class="panel-heading"> <div class="panel-title">Ads</div> </div> <div class="panel-body text-center"> <script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px;" data-ad-client="ca-pub-8227619787378220" data-ad-slot="2167652528"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="panel panel-info"> <div class="panel-heading"> <div class="panel-title">Social</div> </div> <div class="panel-body"> <div style="margin-bottom:10px;font-weight:bold;" > <ul class="list-unstyled"> <li><a href="http://www.youtube.com/dnfvideo" target="_blank"><img src="/images/3rd/social/youtube_32.png" alt="YouTube" class="border0" /> YouTube/DNFVideo</a></li> <li><a href="https://www.facebook.com/pages/DotNetFunda/150208065028141" target="_blank"><img src="/images/3rd/social/facebook_32.png" alt="Facebook" class="border0" /> Facebook/DotNetFunda</a></li> <li><a href="http://twitter.com/dotnetfunda" target="_blank"><img src="/images/3rd/social/twitter_32.png" alt="Twitter" class="border0" /> Twitter/DotNetFunda</a></li> <li><a href="http://www.linkedin.com/in/dotnetfunda" target="_blank"><img src="/images/3rd/social/linkedin_32.png" alt="LinkedIn" class="border0" /> LinkedIn/In/DotNetFunda</a></li> <li><a href="https://plus.google.com/110725672744452026072/" target="_blank"><img src="/images/3rd/social/google_32.png" alt="Google" class="border0" /> Plus.Google.Com</a></li> </ul> </div>  <div class="g-plusone" data-annotation="inline" data-width="175" data-href="http://www.dotnetfunda.com"></div>  <script async type="text/javascript"> (function () { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/platform.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> <div id="divWinner"> <div class="center" style="padding-top:15px;"> Like us on Facebook <br /></div> <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FDotNetFunda%2F150208065028141&width=300&height=155&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false&appId=132242113523484" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:155px;" allowTransparency="true">

Top Forums Authors

Thu, 19-Jul-2018 Authors

All Time Authors

7780

3455

3300

Latest members | More ...

(Statistics delayed by 5 minutes)