Using $_GET with Jquery

Question

I currently have the following code on my website:

$(document).ready(function() {
$("#contact").on("click", function(e)
{ 
    e.preventDefault();
    $("#contactform").toggle('fast');
});
});

I would like to have an if(isset($_GET['email')); trigger this function as well, so have it open on page load if the $_GET variable is set.

I'm rather new with Jquery and not sure if this is possible, I also have another somewhat related question, I'm not sure if I should make a new question for this as I'm fairly new to stackoverflow as well, but here it is.

Say I have two of these:

$(document).ready(function() {
$("#contact").on("click", function(e)
{ 
    e.preventDefault();
    $("#contactform").toggle('fast');
});
});

$(document).ready(function() {
$("#archivestop").on("click", function(e)
{ 
    e.preventDefault();
    $("#archives").toggle('fast');
});
});

I want one to close if the other one is opened, how would I go about this?

Thanks!

See this question.

George Marques
– George Marques

2013-09-15 19:35:32 +00:00
Commented Sep 15, 2013 at 19:35 — George Marques
– George Marques, Commented Sep 15, 2013 at 19:35

Mr. B. · Accepted Answer · 2013-09-15 19:36:49Z

2

Here's the Javascript-solution:

function getParam(key) {
        var paramsStr = window.location.search.substr(1, window.location.search.length),
            paramsArr = paramsStr.split("&"),
            items     = [];

        for (var i = 0; i < paramsArr.length; i++) {
            items[paramsArr[i].split("=")[0]] = paramsArr[i].split("=")[1];
        }

        if (key != "" && key != undefined) {
            // return single
            if (items[key] != undefined) {
                return items[key];
            } else {
                return null;
            }
        } else {
            // return all (array)
            return items;
        }
    };

if (getParam("email")) { 
    //    ...
}

answered Sep 15, 2013 at 19:36

Mr. B.

8,82516 gold badges76 silver badges121 bronze badges

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

Comments

Neil Girardi · Accepted Answer · 2013-09-15 19:42:38Z

1

Regarding your second question you can use the following to determine if an element is visible:

var bool = $('.foo').is(":visible");

So to hide an element if it is visible you would do something like this:

if ($('.foo').is(":visible")) {
    $('.foo').hide();
}

answered Sep 15, 2013 at 19:42

Neil Girardi

5,0113 gold badges37 silver badges49 bronze badges

1 Comment

sunshinekitty Over a year ago

Thanks very much, this was very easy to understand.

sunshinekitty · Accepted Answer · 2013-09-15 19:35:44Z

0

I'm silly and have answered my first question. I still have yet to have my coffee.

The following works, just insert it into the div that is to be displayed:

<div id="contactform" style="<?php if(isset($_POST['email'])) echo "display:block;" ?>">
content
</div>

answered Sep 15, 2013 at 19:35

sunshinekitty

2,3856 gold badges20 silver badges32 bronze badges

Collectives™ on Stack Overflow

Using $_GET with Jquery

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related