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](http://stackoverflow.com/questions/901115/how-can-i-get-query-string-values). — George Marques, Sep 15 '13 at 19:35

score 2 · Accepted Answer · answered Sep 15 '13 at 19:36

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")) { 
    //    ...
}

score 1 · Answer 2 · answered Sep 15 '13 at 19:42

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 '13 at 19:42

Neil Girardi

4,533
1
28
45

Thanks very much, this was very easy to understand. – sunshinekitty Sep 15 '13 at 19:56

score 0 · Answer 3 · answered Sep 15 '13 at 19:35

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>

Using $_GET with Jquery

3 Answers3