How can i add a class to the body depending on url

Question

I need to add a tag to the existing id , the current HTML is

<div id="home" class="pagebody"></div>

and i need to add an additional class to the pagebody ONLY if the url has "MODULE=" in it.

So when the url contains "MODULE=" , the appended html will look like this

<div id="home" class="pagebody hpmessage"></div>

I don't have access to the HTML to manually change this , so i have to use JavaScript / jquery to add the additional class and it must only be added to those urls containing "MODULE=" , any ideas ?

examples of some of the vast URLs are:

http://mysite/2014/home/20832
http://mysite/2014/home/20832/standings
http://mysite/2014/home/20832?MODULE=MESSAGE
http://mysite/2014/home/20832?MODULE=MESSAGE1
http://mysite/2014/home/20832?MODULE=MESSAGE2

http://stackoverflow.com/questions/245062/whats-the-difference-between-javascript-and-java — Shomz, Mar 22 '14 at 16:07

score 4 · Accepted Answer · answered Mar 22 '14 at 16:07

4

if ( window.location.href.indexOf('MODULE=') != -1) {
    $('#home').addClass('hpmessage')
}

Get the current location, check if it contains MODULE-, and if so add a class ?

answered Mar 22 '14 at 16:07

adeneo

303,455
27
380
377

ty adeneo works perfectly ;) will tag this as answered when clock expires – MShack Mar 22 '14 at 16:12

score 0 · Answer 2 · answered Mar 22 '14 at 16:12

0

Vanilla JS version:

if ( window.location.search.indexOf( 'MODULE=' ) > -1 )
    document.body.classList.add( 'hpmessage' );

answered Mar 22 '14 at 16:12

Shomz

36,910
3
55
83

How can i add a class to the body depending on url

2 Answers2