How to show and hide DIV based on URL. in Javascript

Question

I have two URL's

url 1 = www.xyz.co.uk/asd.qmd
url 2 = www.xyz.co.uk/asd.qmd?getstep=4#

I want to show a div(left) when PAGE URL is www.xyz.co.uk/asd.qmd?getstep=4#

In the page form.php I wrote the following code:

<script>
    $(function(){
        var locate = window.location;

        if (locate=="http://localhost/school/form.php") {
            $('#left').hide();
        } else {
            $('#left').show();
        }
    });
</script>

<body  onload="function()">
    <div id="left">
        aasdsasdfdsgfg
    </div>
</body>

Why is this not working?

ok what about php condition ... this is stupid...

jatt
– jatt

2010-09-24 08:18:17 +00:00
Commented Sep 24, 2010 at 8:18 — jatt
– jatt, Commented Sep 24, 2010 at 8:18

jensgram · Accepted Answer · 2010-09-24 08:24:09Z

2

Just make php condition

<?php
if($_GET['getstep']){

}
?>

edited Sep 24, 2010 at 8:24

jensgram

31.6k6 gold badges83 silver badges101 bronze badges

answered Sep 24, 2010 at 8:23

jatt

3981 silver badge5 bronze badges

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

Comments

Matt Coughlin · Accepted Answer · 2012-06-15 18:41:10Z

1

$('#left').toggle(window.location.href !== "http://localhost/school/form.php");

answered Jun 15, 2012 at 18:41

Matt Coughlin

18.9k3 gold badges48 silver badges59 bronze badges

Comments

Michael Banzon · Accepted Answer · 2010-09-24 08:19:57Z

0

You need to make a show/hide function the proper javascript way. What you are doing at first with the (I assume) jQuery is beyond me - just declare a simple function containing the code you already have to show/hide and attach it to the onload-event.

answered Sep 24, 2010 at 8:19

Michael Banzon

4,9651 gold badge29 silver badges28 bronze badges

Comments

Jonathon Bolster · Accepted Answer · 2010-09-24 08:24:17Z

0

If you just want to hide the div when the query string is empty, you could use the search property of the window.location object:

$(function(){
      if (window.location.search === "") {
            $('#left').hide();
      } else {
            $('#left').show();
      }
 });

Anything more complicated (i.e. a different div for each page value) and I recommend you look at regex

answered Sep 24, 2010 at 8:24

Jonathon Bolster

16k3 gold badges45 silver badges47 bronze badges

Comments

D M · Accepted Answer · 2022-06-21 21:10:40Z

0

You need to use the href property of the window.location object.

var locate = window.location.href,
  myElement = $('#left');
locate == "http://localhost/school/form.php" 
  ? myElement.show() 
  : myElement.hide();

edited Jun 21, 2022 at 21:10

D M

7,3474 gold badges20 silver badges39 bronze badges

answered Sep 24, 2010 at 11:57

Luca

1,10010 silver badges4 bronze badges

Collectives™ on Stack Overflow

How to show and hide DIV based on URL. in Javascript

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related