Question

I am using a jQuery plugin called Stepy, to allow users to complete a 10-step form.

Stepy has a public function built in (click link above and scroll to bottom of page to see description) to allow users to jump between steps:

$(‘#stepy’).stepy(‘step’, 2);

I’d like to have a link on a separate page that when clicked, will take the user to the form page, at a specific step within the form.

For example, going to http://www.example.com/form.php?i=3, will take the user to Step 3 of the form? Is it possible to call a jQuery function based on a GET parameter? If so, how would I implement something like this?

Answer 1

Try this:

$(document).ready( function(){
var i = document.location.search.match(/i=(\d+)/);
    if( i && i[1] ) {
    $( "#stepy").stepy( "step", parseFloat( i[1] ) );
    }
});

It will read the “?i=3” from url and match the number