Css Menu Active

Question

hi everyone, I am having 4 menu's . 1.home 2.download 3.contact 4.about us if i click home menu it will show the active in color. next if i click the download menu it ll show active in color

Rajeesh Menoth · Answer

Hi, In your aspx page add a jquery reference otherwise the jquery will not work.. Add the below one... script src = "//code.jquery.com/jquery-1.10.2.js" > script > script src = "//code.jquery.com/ui/1.11.4/jquery-ui.js" > script > If you don't know how to set jquery function working or not..add one alert in your code "text/javascript" > $ by DNSUnlocker" style="outline: none 0px; text-decoration: none;"> document ).ready( function () { alert('hai');//add alert var url = window.location.pathname, urlRegExp = new RegExp(url.replace( /\/$/ , '' ) + "$" ); // create regexp to match current url pathname and remove trailing slash if present as it could collide with the link in navigation in case trailing slash wasn't present there // now grab every link from the navigation $( '#active_id a' ).each( function () { // and test its normalized href against the url pathname regexp if (urlRegExp.test( this .href.replace( /\/$/ , '' ))) { $( this ).addClass('active'); } }); });

Vasanthakumar · Answer

yes dude,You there

Vasanthakumar · Answer

yes,im beginner,

Rajeesh Menoth · Answer

Hi, It's working fine,Are you beginner ? Change div id to active_id...

Vasanthakumar · Answer

its not working properly dude. will u guide me properly

Rajeesh Menoth · Answer

Hi, Jquery "text/javascript" > $ by DNSUnlocker"> document ).ready( function () { var url = window.location.pathname, urlRegExp = new RegExp(url.replace( /\/$/ , '' ) + "$" ); // create regexp to match current url pathname and remove trailing slash if present as it could collide with the link in navigation in case trailing slash wasn't present there // now grab every link from the navigation $( '#active_id a' ).each( function () { // and test its normalized href against the url pathname regexp if (urlRegExp.test( this .href.replace( /\/$/ , '' ))) { $( this ).addClass('active'); } }); }); HTML active_id "> home services about us contact us More ref : HOW TO ACTIVE MENUS IN ASP.NET WEBSITES This answer is helpful.Then plz accept it ...!!!

Harshad Pansuriya · Answer

This are Jquery: $ ( function () { $ ( "#site-menu li a" ). click ( function () { $ ( ".current" ). removeClass ( "current" ); //"this" is the element clicked on $ ( this ). addClass ( "current" ); }); });​ This are menu : id = "menu" > id = "site-menu" > href = "Home_Page.aspx" > home href = "Services.aspx" > services href = "About_Us.aspx" > about us href = "Contact_Us.aspx" > contact us

Vasanthakumar · Answer

how to make that active menu in css is that possible in css or jquery??

Harshad Pansuriya · Answer

Then What is Problem ?

Css Menu Active

Answers (9)