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'); } }); });

vasanth kumar · Answer

yes dudeYou there

vasanth kumar · Answer

yesim beginner

Rajeesh Menoth · Answer

Hi It's working fineAre you beginner ? Change div id to active_id...

vasanth kumar · 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

vasanth kumar · Answer

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

Harshad Pansuriya · Answer

Then What is Problem ?