CODEWITHSUNDEEP
jquery
flinx777
flinx777

Reputation: 597

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

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>

Upvotes: 3

Views: 7866

Answers (3)

Phrogz
Phrogz

Reputation: 303251

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

Upvotes: 8

Josiah Ruddell
Josiah Ruddell

Reputation: 29831

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

Upvotes: 1

SLaks
SLaks

Reputation: 887469

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

Upvotes: 2

Related Questions