how can I implement a salesforce.com form and then a user/pass creation for a portal database? on 2 seperate steps

I’m having a silly issue. I want to have the Prev and Next buttons next to each other. My options are to put them within the <form> tag or outside of it. I want to use PHP validation only if they click NEXT so I have to put the buttons inside the form tag, the NEXT button being my submit button. The problem is I get a glitch when I click the PREV button (it seems to do an ajax call anyway instead of simply going back one step). When I take the PREV button out of the <form> tag it works as intended (but it is no longer on the same line as the NEXT button so it looks very ugly). I’m not sure what the problem is?

            <!-- Wizard - Step 2 -->
            <div id="step-2" class="step two_column">

                <div class="column_one">
                    <div class="box tipnobg">
                        <strong>Which service are you enrolling in?</strong>
                    </div>   
                </div>

                <div class="column_two">
                <form action="callback.php?step=1" class="defaultRequest" method="post">
                    <fieldset>
                        <p><label for="servicetype1"><b>Live Review</b></label><input type="radio" name="servicetype" value="live" id="servicetype1"></p>
                         <p><label for="servicetype2"><b>Online Review</b></label><input type="radio" name="servicetype" value="online" id="servicetype2"></p>
                        <p><label for="servicetype3"><b>Question Bank</b></label><input type="radio" name="servicetype" value="qbank" id="servicetype3"></p>
                        <p><label for="servicetype4"><b>Study Material</b></label><input type="radio" name="servicetype" value="studymaterial" id="servicetype4"></p>

                        <p><label for="servicetype5"><b>Special Package / Promotion</b></label><input type="radio" name="servicetype" value="package" id="servicetype5"></p>
                    </fieldset>

                    <fieldset>
                         <label> </label>
                         <button class="prev"><span>Previous Step</span></button>
                         <button type="submit"><span>Next Step</span></button>
                    </fieldset>
                </form>    

                </div>

            </div>
            <!-- </Wizard - Step 2 -->

hi there!

First of all, thank you for this great code. I only have one small question. How would you go about having two forms in the same page with different validations= for example. In the same step you can register or login. If you are already registered and use the login form I want the script to forget about the register form and only validate the login form. SOmething along the lines of assigning an id to each form and use two different next step buttons to submit only the form the user is interested in.

If you can’t understand what I’m asking pease ask. Thank you!

What is the minimum width the wizard can be set to?

Thanks, Adam

hi !

I have a question about the template.

Is it possible to simply add the functionif value = something then go to step 3

I want to make a reservation form so that you can choice how much people are coming. If there are 3 people coming you should see 3 textfield at the next step. If there are 4 people coming, you should see 4 textfield etc.

Thanks !

Link sent to your ‘Message’ area from your profile.. thanks for the support!

LOL – yes the site uses PHP extensively.

The form tag..

<form class="defaultRequest" action="callback.php?step=3" method="post">

and the button is:

<input class="submit" name="submit" type="image" value="" src="/goal_assets/img/button_save.png" />

Thank you for the great script…

I have only one problem: the form is not submitted by ajax – the callback.php comes up in the browser.. I simply want to submit the form and go to the next step(5) – can you explain a little better and perhaps a working sample, please.

Thanks.

That did the trick. Thanks so much for your time!

I recently purchased the script, but am having trouble with linking a button to a specific step.

Here is how I’m calling the script, which works.

<script type="text/javascript"> $(document).ready(function(){ var wizard = $("#wizard").wizardPro(); }); </script>

In the page I have this link.

<a href="#" onclick="wizard.openstep(3);">Yes</a>

It doesn’t work and I’m not sure why.

If I update how I call the script like this, it goes to step 3 when the page loads.

<script type="text/javascript"> $(document).ready(function(){ var wizard = $("#wizard").wizardPro(); wizard.openstep(3); }); </script>

I just can’t seem to make an in page link that will make it jump to a step.

Thanks for your help

hi, i have purchased the script and its perfect, but i have a problem how to process the datalike $_POST

can u give ma an example

The script is working fine but I’ve found something weird when trying to upload a file using your script. I’m not quite sure why but when the ajax is called nothing reaches the php script.

Know why?

Same error here with Opera. Also is there an update for IE?

Thanks

The demo does not work correctly on latest Opera. The last li item goes on a second line and a vertical scrollbar appears.

Hi there, Great script!

The only thing i’m still not sure about is implementing a button using the API .

If i wanted to go straight to step 5 how could i do so?

I can’t find the correct way to use

wizard.openstep(5);

Thanks

Hi,

OK, figured out the redirecting issue. Now, the steps apparently don’t work in IE9 . Pretty lame support also. I posted the last question 22 days ago.

You need to update your code so that it works on ALL modern browsers…..and the latest version of jquery, which now supports IE9 .

Please let me know when the update is available.

Tony

Hi,

I bought this to use as a registration system that has multiple forms that all submit to the same page…the one with the wizard on it. I’ve turned off the defaultAjaxRequest so that the forms can submit to the page with the code on it.

However, whenever a form submits it reloads the page and the wizard opens to step 1. Is there a way to use url parameters to open the wizard to a certain page. Like www.domain.com/regpage.php?step=3. I can’t seem to get this to work.

I’d love to use this because the help section is very cool and the client loves it. But I need to be able to control the stepping process with url parameters.

Thanks for a great plugin and thanks in advance for any help.

Tony

How do you install this – it says “Plugin” but theres no specifications for installing? Install the actual form into a page or what? Needs clearer instructions?

Help me!!

How would I go about using ajax with this? Like this:

I have a fil upload delegate in step 2, in step 3 I need to display the image[s] uploaded in step 2.

I know exactly how to do this, but I can’t figure out how to determine when the step is loaded. Is there a way I can just call step.loaded{} or something similar?

This is for a project I’m doing for a client, so I’d like help as soon as possible.

Thanks!

is there a way to have a “previous” button so if case users need to go back a step they have the ability?