// if 'custom/custom.php' exists, lets include our custom functions
if(file_exists(STYLESHEETPATH . '/custom/custom.php')) require_once('custom/custom.php');

add_filter("gform_post_submission", "hide_form", 10, 2);
function hide_form($entry, $form) {
    if($form["confirmation"]["type"] != "message")
        echo '


';
}

So what are we doing here? Not much. We’re just using one of Gravity Forms built in filters gform_post_submission to call a custom function that we create below called hide_form. Whenever I finally understand what those last two parameters do, I’ll tell you too.

So the filter passes two parameters to the function which are $entry and $form. The $entry variable is an array of all the values entered into the form and the $form variable is an array of juicy information about the form itself. For our purpose, we only need the $form array. This array contains a property called “confirmation” which contains a property called “type” which contains a single value which will either be “message”, “page”, or “url”.

Two of these values (“page” and “url”) mean that the form is going to be redirecting to either a page or you guessed it! A URL! If the form confirmation type is set to “message”, however, the form will not be redirecting and so we want to make sure that whatever we’re going to do for the redirection confirmation types, we do not want to do for the non-redirection confirmation type. This is accomplished with a simple conditional that in reads “if the confirmation type is not ‘message’ then run the following code”.

That brings us to the handy dandy style declaration that hides the body of the page so the redirect can be processed without any visual interference. That’s right. No annoying flicker when the form page begins to load and is then redirected to the actual confirmation page. Any questions?

PS – Sorry for the lack of a comments section. This site was originally designed as a strictly portfolio site and I’ve been adding to it since. Drop me a line on my contact form if you’ve got something to share.

* If you haven’t seen the movie, ignore this reference.

My Scenario

I was building out a jQuery calendar that would let users add information to the calendar via a popup div that displays when any day is clicked. Sticking with standard calendar UI, I wanted there to be three ways to dismiss the popup:

1. clicking “close” on the popup itself
2. clicking on another day, which would hide the current popup and display a new one on the day clicked
3. clicking anywhere off of the calendar

The first two were simple enough, but I wasn’t sure what the best way to handle the third was. The jQuery tip suggested something along the lines of this:

var mouse_is_inside = false;

$(document).ready(function()
{
    $('#calendar').hover(function(){
        mouse_is_inside=true;
    }, function(){
        mouse_is_inside=false;
    });

    $(body).mouseup(function(){
        if(!mouse_is_inside) $('.event-popup').hide();
    });
});

Nothing too complicated here. The first portion sets up a variable that will let us store a true/false value and then sets that variable to true when the mouse is hovering on top of the calendar. For our purposes this is the equivalent to saying that the cursor is “inside” the calendar; which is what we want to know. If the mouse is not “inside” the calendar, we set the variable to false.

$(body).mouseup(function(){
        if(!mouse_is_inside) $('.event-popup').hide();
    });

This next bit of code fires on the mouseup event (this can fire on any event obviously). Now we have a conditional that checks if our mouse_is_inside variable is true and if so, it hides the popup event. Nothing crazy, but a simple solution if you ever need this functionality.