Asp Dynamic Menu CSS

Posted by Self-Innovator under ASP.NET on 4/4/2012 | Points: 10 | Views : 1934 | 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/23272/shein-customer-service-shein-help-center-shein-customer-care" title="Shein Customer Service | Shein Help Center | Shein Customer Care">Shein Customer Service | Shein Help Center | Shein Customer Care</a>  (0)<span style="color:red;font-size:8pt;">New</span></li> <li><a href="/forums/show/23271/solid-wood-dining-table-set-uk" title="Solid Wood Dining Table Set Uk">Solid Wood Dining Table Set Uk</a>  (0)<span style="color:#FF9900;font-size:8pt;">Updated</span></li> <li><a href="/forums/show/23232/how-to-find-count-details-sql-server" title="How to Find count Details Sql server">How to Find count Details Sql server</a>  (0)</li> <li><a href="/forums/show/23210/sharepoint-installation-system-requirements" title="sharepoint installation system requirements">sharepoint installation system requirements</a>  (0)</li> <li><a href="/forums/show/23208/web-api-not-working-with-mvc" title="Web Api not working with mvc">Web Api not working with mvc</a>  (1)</li> <li><a href="/forums/show/23203/how-to-get-label-text-from-table-reference-on-database-based-on-tablen" title="How to get label text from table reference on database based on TableName and FieldName">How to get label text from table reference on database based on TableName and FieldName</a>  (0)</li> <li><a href="/forums/show/23172/how-can-i-refresh-page-after-downloading-a-file-in-mvc" title="How can i refresh Page after downloading a file in MVC ?">How can i refresh Page after downloading a file in MVC ?</a>  (1)</li> <li><a href="/forums/show/23160/sql-server-dba-interview-questions" title="sql server dba interview questions">sql server dba interview questions</a>  (1)</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

Sat, 23-Feb-2019 Authors

All Time Authors

7810

3455

3300

Latest members | More ...

(Statistics delayed by 5 minutes)