Can jQuery detect a specific URL and perform a function based off that URL?

Question

I have a site I'm working on. I need to be able to perform a specific function if the URL matches a specific URL. Here's an example of what I'm trying to do:

If the URL matches this URL:

http://www.example.com/EIFS-items/search.php?l2=3,15,25

then I want to have jQuery add a class of "show" to the div with the class of "content" below.

Is this possible?

<html>
<head>
<title>Title</title>
<style type="text/css">
.content {
display: none;
}
.show {
display: block;
}
</style>
</head>
<body>
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</div><!-- end .content -->
</body>
</html>

check against document.location once the page is loaded and apply the CSS that way i would presume — Brad Christie
– Brad Christie, Commented Jan 6, 2011 at 20:42

Phrogz · Accepted Answer · 2011-01-06 20:54:46Z

8

var url = "http://www.example.com/EIFS-items/search.php?l2=3,15,25";
$(function(){
  if (location.href==url){
    $('.content').show();
  }
});

edited Jan 6, 2011 at 20:54

answered Jan 6, 2011 at 20:42

Phrogz

304k115 gold badges669 silver badges758 bronze badges

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

1 Comment

flinx777 Over a year ago

sweet...that did the trick...thanks so much! I just changed the jQuery to have ".content" instead of "#content". thnx again!

SLaks · Accepted Answer · 2011-01-06 20:42:22Z

2

You seem to be looking for the location object, which contains information about the URL of the current page.

answered Jan 6, 2011 at 20:42

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

Comments

Josiah Ruddell · Accepted Answer · 2011-01-06 20:44:08Z

1

Probably will be better to use the querystring location.search than location.href. This would cover subdomains/protocol changes.

if(location.search == "?l2=3,15,25")
    $('.content').addClass('show');

answered Jan 6, 2011 at 20:44

Josiah Ruddell

29.9k8 gold badges68 silver badges68 bronze badges

Collectives™ on Stack Overflow

Can jQuery detect a specific URL and perform a function based off that URL?

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related