Javascript: Document.URL.indexOf issue

Question

Hello Guys I have a little issue with document.URL.indexOf in Javascript. I have a lounge page where I want to make the background transparent if there is "lounge" in the URL and I want to make the background different when I am viewing a single lounge but the URL still contains "lounge" cause the full link to a lounge is "lounge/view/1" How can I make it work so when I am in "view" to have the background I want and when I am in lounge to have it transparent.

This is the code I have for now:

if (document.URL.indexOf("lounge") > -1)
{
  body.delay(400).css('background-color', 'transparent');
}
else
{
  body.delay(400).css('background', '#b4b7b8');
}

I tried adding anothger "else if" saying if indexOF is "view" to go to the one I want but it didn't work.

Any suggestions ?

putvande · Accepted Answer · 2014-06-18 11:32:47Z

2

You can check both if lounge is in the URL and view is not:

if (document.URL.indexOf('lounge') > -1 && 
    document.URL.indexOf('view') == -1) {
    // your code...
}

answered Jun 18, 2014 at 11:32

putvande

15.3k3 gold badges37 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

mplungjan Over a year ago

or just if (document.URL.indexOf('lounge/view') > -1)

putvande Over a year ago

As an elseif statement? Cause OP is asking for a background color when "lounge" is in URL and "view" is not.

mplungjan · Accepted Answer · 2014-06-18 11:57:12Z

0

How about

var color = document.URL.indexOf('lounge/view') > -1?'#b4b7b8':'transparent';
body.delay(400).css('background', color);

or another colour per view:

var color = 'transparent', url = document.URL;
var views = 'lounge/view';
if (url.indexOf(views) > -1) {
  var idx = parseInt(url.split(views)[1],10);
  color = ["",'#b4b7b8','#99b7b8','#eeb7b8'][idx]; // view/1, view/2, view/3
}
body.delay(400).css('background', color);

answered Jun 18, 2014 at 11:57

mplungjan

180k29 gold badges183 silver badges246 bronze badges

Collectives™ on Stack Overflow

Javascript: Document.URL.indexOf issue

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related