Asp Dynamic Menu CSS

Posted by Self-Innovator under ASP.NET on 4/4/2012 | Points: 10 | Views : 1925 | 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/23108/index-and-length-must-refer-to-a-location-within-the-string-parameter" title="Index and length must refer to a location within the string. Parameter name: length">Index and length must refer to a location within the string. Parameter name: length</a>  (0)<span style="color:red;font-size:8pt;">New</span></li> <li><a href="/forums/show/23081/how-can-i-use-remote-validation-with-entity-framework-code-first-appro" title="How can I use Remote Validation with entity framework Code First Approach in ASP .Net MVC.">How can I use Remote Validation with entity framework Code First Approach in ASP .Net MVC.</a>  (0)</li> <li><a href="/forums/show/23080/how-can-i-optimize-query" title="how can i optimize query">how can i optimize query</a>  (0)</li> <li><a href="/forums/show/23079/what-i-write-inside-loop-to-display-similar-item-code-on-datagridview" title="what i write inside loop to display similar item code on datagridview and insert different itemcode">what i write inside loop to display similar item code on datagridview and insert different itemcode</a>  (0)</li> <li><a href="/forums/show/23067/need-and-use-cases-of-net-core" title="Need and Use Cases of .Net Core">Need and Use Cases of .Net Core</a>  (0)</li> <li><a href="/forums/show/23066/read-excel-file-and-insert-into-oracle-database" title="read excel file and insert into oracle database">read excel file and insert into oracle database</a>  (3)<span style="color:#FF9900;font-size:8pt;">Updated</span></li> <li><a href="/forums/show/23060/how-to-know-which-event-fires-from-start-of-windows-form-running-visua" title="How to know which event fires from start of windows form running visual studio 2015">How to know which event fires from start of windows form running visual studio 2015</a>  (1)</li> <li><a href="/forums/show/23059/editmode-not-working-in-angularjs" title="editmode not working in angularjs">editmode not working in angularjs</a>  (0)</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> <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, 18-Oct-2018 Authors

All Time Authors

7800

3455

3300

Latest members | More ...

(Statistics delayed by 5 minutes)