Asp Dynamic Menu CSS

Posted by Self-Innovator under ASP.NET on 4/4/2012 | Points: 10 | Views : 1912 | 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/22803/what-is-technical-seo" title="What is technical SEO?">What is technical SEO?</a>  (0)<span style="color:red;font-size:8pt;">New</span></li> <li><a href="/forums/show/22801/display-data-in-html-table-from-json-file" title="display data in html table from json file">display data in html table from json file</a>  (1)<span style="color:#FF9900;font-size:8pt;">Updated</span></li> <li><a href="/forums/show/22799/display-record-from-json-file-in-mvc" title="Display record from json file in mvc">Display record from json file in mvc</a>  (0)</li> <li><a href="/forums/show/22791/how-to-know-the-return-type-of-json-object-using-logfile-in-csharp" title="how to know the return type of json object using LogFile in c#">how to know the return type of json object using LogFile in c#</a>  (1)</li> <li><a href="/forums/show/22790/upload-image-having-bigger-size-20-mb-or-more-using-canvas-in-html5" title="Upload image having bigger size (20 MB or more) using canvas in HTML5">Upload image having bigger size (20 MB or more) using canvas in HTML5</a>  (1)</li> <li><a href="/forums/show/22789/download-any-file-having-more-than-50-mb-size-using-javascript-on-ie" title="Download any file having more than 50 MB size using Javascript on IE">Download any file having more than 50 MB size using Javascript on IE</a>  (0)</li> <li><a href="/forums/show/22788/congratulations-to-all-monthly-winners-of-mar-2018" title="Congratulations to all monthly winners of Mar 2018">Congratulations to all monthly winners of Mar 2018</a>  (1)<span style="color:#FF9900;font-size:8pt;">Updated</span></li> <li><a href="/forums/show/22786/ost-to-pst-converter" title="OST to PST Converter">OST to PST Converter</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

Fri, 20-Apr-2018 Authors

All Time Authors

7730

3455

3300

Latest members | More ...

(Statistics delayed by 5 minutes)