├── README.md
├── changelog.txt
├── examples
├── css
│ ├── base
│ │ ├── images
│ │ │ ├── ui-bg_flat_0_aaaaaa_40x100.png
│ │ │ ├── ui-bg_flat_75_ffffff_40x100.png
│ │ │ ├── ui-bg_glass_55_fbf9ee_1x400.png
│ │ │ ├── ui-bg_glass_65_ffffff_1x400.png
│ │ │ ├── ui-bg_glass_75_dadada_1x400.png
│ │ │ ├── ui-bg_glass_75_e6e6e6_1x400.png
│ │ │ ├── ui-bg_glass_95_fef1ec_1x400.png
│ │ │ ├── ui-bg_highlight-soft_75_cccccc_1x100.png
│ │ │ ├── ui-icons_222222_256x240.png
│ │ │ ├── ui-icons_2e83ff_256x240.png
│ │ │ ├── ui-icons_454545_256x240.png
│ │ │ ├── ui-icons_888888_256x240.png
│ │ │ └── ui-icons_cd0a0a_256x240.png
│ │ ├── jquery.ui.all.css
│ │ ├── jquery.ui.base.css
│ │ ├── jquery.ui.core.css
│ │ └── jquery.ui.theme.css
│ └── ui-lightness
│ │ ├── images
│ │ ├── ui-anim_basic_16x16.gif
│ │ ├── ui-bg_diagonals-thick_18_b81900_40x40.png
│ │ ├── ui-bg_diagonals-thick_20_666666_40x40.png
│ │ ├── ui-bg_flat_10_000000_40x100.png
│ │ ├── ui-bg_glass_100_f6f6f6_1x400.png
│ │ ├── ui-bg_glass_100_fdf5ce_1x400.png
│ │ ├── ui-bg_glass_65_ffffff_1x400.png
│ │ ├── ui-bg_gloss-wave_35_f6a828_500x100.png
│ │ ├── ui-bg_highlight-soft_100_eeeeee_1x100.png
│ │ ├── ui-bg_highlight-soft_75_ffe45c_1x100.png
│ │ ├── ui-icons_222222_256x240.png
│ │ ├── ui-icons_228ef1_256x240.png
│ │ ├── ui-icons_ef8c08_256x240.png
│ │ ├── ui-icons_ffd27a_256x240.png
│ │ └── ui-icons_ffffff_256x240.png
│ │ └── jquery-ui-1.8.2.custom.css
├── example_10_custom_validation_initialization.html
├── example_11_changing_options_after_initialization.html
├── example_12_using_remoteAjax_for_all_steps.html
├── example_13_nested_routes.html
├── example_14_using_fieldset_as_step_identifier.html
├── example_15_add_and_remove_steps_dynamically.html
├── example_16_have_the_wizard_ignore_specific_inputs_during_transition.html
├── example_17_cancel_the_submit_in_using_beforeSubmit_beforeSend_and_beforeSerialize_callbacks.html
├── example_18_disable_jquery_ui_styles_using_disableUIStyles.html
├── example_19_summary_page.html
├── example_1_straight.html
├── example_20_submit_form_without_ajax.html
├── example_21_add_steps_using_update_steps_method.html
├── example_22_before_step_shown_event.html
├── example_2_branch.html
├── example_3_bbq_integration_history_handling.html
├── example_4_step_shown_event.html
├── example_5_methods.html
├── example_6_remoteAjax_and_events.html
├── example_7_transition_animation.html
├── example_8_multiple_wizards.html
├── example_9_branching_using_checkbox_radiobutton_hidden_.html
├── json.html
├── normal_submit.html
├── store_in_database.html
└── validate.html
└── js
├── bbq.js
├── jquery-1.4.2.min.js
├── jquery-ui-1.8.5.custom.min.js
├── jquery.form.js
├── jquery.form.wizard.js
└── jquery.validate.js
/README.md:
--------------------------------------------------------------------------------
1 | # FormWizard
2 |
3 | FormWizard is a jQuery plugin which turns a regular HTML form into a wizard with very little effort.
4 |
5 | The plugin supports AJAX form submission, form validation and browser back and forward buttons, all through integration with the following jQuery plugins:
6 |
7 | * jQuery form
8 | * jQuery validation
9 | * [BBQ plugin](https://github.com/cowboy/jquery-bbq)
10 |
11 | ## Usage
12 |
13 | Be sure to have the correct includes obviously - the plugin has been tested with the following versions, but should work with much newer ones as well.
14 |
15 | * jquery-1.4.2.min.js or jquery-1.4.4.min.js
16 | * jquery.form.js
17 | * jquery.validate.js
18 | * bbq.js
19 | * jquery-ui-1.8.5.custom.min.js
20 | * jquery.form.wizard-{version}
21 |
22 | Example usage. This is a very simple setup.
23 |
24 | ```javascript
25 | $(function() {
26 | $("#demoForm").formwizard({
27 | formPluginEnabled: true,
28 | validationEnabled: true,
29 | focusFirstInput : true,
30 | formOptions : {
31 | success: function(data) {
32 | $("#status").fadeTo(500,1,function(){
33 | $(this).html("You are now registered!").fadeTo(5000, 0);
34 | })
35 | },
36 | beforeSubmit: function(data){
37 | $("#data").html("data sent to the server: " + $.param(data));
38 | },
39 | dataType: 'json',
40 | resetForm: true
41 | }
42 | });
43 | });
44 | ```
45 |
46 | # License
47 | Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
48 |
49 | # Development
50 | This plugin is no longer maintained.
51 |
52 | # Options
53 | * **historyEnabled** : boolean (Default value false)
54 | * true enables the BBQ plugin. Enables navigation of the wizard using the browser's back and forward buttons
55 | * **validationEnabled** : boolean (Default value false)
56 | * true enables the validation plugin
57 | * **validationOptions** : Object (Default value undefined)
58 | * Holds options for the validation plugin. See http://jqueryvalidation.org/validate for specific options.
59 | * Requires: validationEnabled
60 | * **formPluginEnabled** : boolean (Default value false)
61 | * true enables the form plugin. Makes sure that the plugin is posted via AJAX. Set to false if you want to post the form without using AJAX.
62 | * **formOptions** : Object (Default value { reset: true, success: function(data) { alert("success"); })
63 | * Holds options for the form plugin. See form plugin documentation (http://jquery.malsup.com/form/) for specific options.
64 | * **linkClass** : String (Default value ".link")
65 | * Selector which specifies the CSS-class of inputs used as links in the wizard
66 | * **submitStepClass** : String (Default value "submit_step")
67 | * Specifies the CSS-class of the steps where the form should be submitted.
68 | * **back** : String (Default value ":reset")
69 | * Specifies the elements used as back buttons
70 | * **next** : String (Default value ":submit")
71 | * Specifies the elements used as next buttons
72 | * **textSubmit** : String (Default value "Submit")
73 | * The text of the next button on submit steps
74 | * **textNext** : String (Default value "Next")
75 | * The text of the next button on non-submit steps
76 | * **textback** : String (Default value "Back")
77 | * The text of the back button.
78 | * **remoteAjax** : Object (Default value undefined)
79 | * Object holding options for AJAX calls done between steps
80 | * **inAnimation** : Object (Default value {opacity: 'show'})
81 | * Specifies the animation done during the in-transition between steps
82 | * **outAnimation** : Object (Default value {opacity: 'hide'})
83 | * Specifies the animation done during the out-transition between steps
84 | * **inDuration** : Number (Default value 400)
85 | * Specifies the duration of the in-animation between steps
86 | * **outDuration** : Number (Default value 400)
87 | * Specifies the duration of the out-animation between steps
88 | * **easing** : String (Default value "swing")
89 | * Specifies the easing used during the transition animations between steps. See jQuery Easing Plugin documentation (http://gsgd.co.uk/sandbox/jquery/easing/) for more information on easings.
90 | * **focusFirstInput** : boolean (Default value false)
91 | * Specifies whether the first input field on each step should be focused.
92 | * **disableInputFields** : boolean (Default value false)
93 | * Specifies whether the input fields in the form should be disabled during the initialization of the plugin. The disabling of inputs may be needed to be done in HTML if the number of input fields are very large, if this is needed - set this flag to false.
94 | * **disableUIStyles** : boolean (Default value false)
95 | * Specifies whether the wizard should use jquery UI styles or not.
96 |
97 | # Events
98 | * **after_remote_ajax**
99 | * This event is triggered after a remote ajax call has been done.
100 | * Returns: currentStep : String (id of the current step)
101 | * Example:
102 | $(function(){
103 | // bind a callback to the after_remote_ajax event
104 | $("#demoForm").bind("after_remote_ajax", function(event, data){
105 | alert(data.currenStep);
106 | });
107 | });
108 | * **before_remote_ajax**
109 | * This event is triggered before a remote ajax call is done.
110 | * Returns: currentStep : String (id of the current step)
111 | * Example:
112 | $(function(){
113 | // bind a callback to the before_remote_ajax event
114 | $("#demoForm").bind("before_remote_ajax", function(event, data){
115 | alert(data.currenStep);
116 | });
117 | });
118 | * **before_step_shown**
119 | * This event is triggered just before a step is shown. It is triggered for both backwards and forwards navigation.
120 | * The data returned in the data variable is as follows (see the **state** method for further explanation of the properties):
121 | * isBackNavigation - boolean - true if the wizard navigated back and false otherwise
122 | * settings - Object - the current settings of the wizard (see Options)
123 | * activatedSteps - Array - contains the activated steps of the wizard
124 | * isLastStep - boolean - true if the current step is a submit step
125 | * isFirstStep - boolean - true if the first step is the current step
126 | * previousStep - String - the id of the previous step
127 | * currentStep - String - the id of the current step
128 | * backButton - Selector - contains the backButton
129 | * nextButton - Selector - contains the nextButton
130 | * steps - Selector - contains the steps of the wizard
131 | * firstStep - String - the id of the first step
132 | * Example:
133 | $(function(){
134 | // bind a callback to the before_step_shown event
135 | $("#demoForm").bind("before_step_shown", function(event, data){
136 | alert(data.isBackNavigation);
137 | });
138 | });
139 | * **step_shown**
140 | * This event is triggered when a step is shown. It's triggered for both back and forward navigation.
141 | * The data returned in the data variable is as follows (see the **state** method for further explanation of the properties):
142 | * isBackNavigation - boolean - true if the wizard navigated back and false otherwise
143 | * settings - Object - the current settings of the wizard (see Options)
144 | * activatedSteps - Array - contains the activated steps of the wizard
145 | * isLastStep - boolean - true if the current step is a submit step
146 | * isFirstStep - boolean - true if the first step is the current step
147 | * previousStep - String - the id of the previous step
148 | * currentStep - String - the id of the current step
149 | * backButton - Selector - contains the backButton
150 | * nextButton - Selector - contains the nextButton
151 | * steps - Selector - contains the steps of the wizard
152 | * firstStep - String - the id of the first step
153 | * Example:
154 | $(function(){
155 | // bind a callback to the step_shown event
156 | $("#demoForm").bind("step_shown", function(event, data){
157 | alert(data.isBackNavigation);
158 | });
159 | });
160 |
161 | # Methods
162 | * **before_step_shown**
163 | * This event is triggered just before a step is shown. It is triggered for both backwards and forwards navigation.
164 | * This method returns the state of the wizard. The data returned is the following::
165 | * settings - Object - the current settings of the wizard (see Options)
166 | * activatedSteps - Array - contains the activated steps of the wizard
167 | * isLastStep - boolean - true if the current step is a submit step
168 | * isFirstStep - boolean - true if the first step is the current step
169 | * previousStep - String - the id of the previous step
170 | * currentStep - String - the id of the current step
171 | * backButton - Selector - contains the backButton
172 | * nextButton - Selector - contains the nextButton
173 | * steps - Selector - contains the steps of the wizard
174 | * firstStep - String - the id of the first step
175 | * Example method call:
176 | $("#demoForm").formwizard("state");
177 | * Example data:
178 | {
179 | "settings" : {
180 | historyEnabled : false,
181 | validationEnabled : false,
182 | validationOptions : undefined,
183 | formPluginEnabled : false,
184 | linkClass : ".link",
185 | submitStepClass : "submit_step",
186 | back : ":reset",
187 | next : ":submit",
188 | textSubmit : 'Submit',
189 | textNext : 'Next',
190 | textBack : 'Back',
191 | remoteAjax : undefined,
192 | inAnimation : {opacity: 'show'},
193 | outAnimation: {opacity: 'hide'},
194 | inDuration : 400,
195 | outDuration: 400,
196 | easing: 'swing',
197 | focusFirstInput : false,
198 | disableInputFields : true,
199 | formOptions : { reset: true,
200 | success: function(data) { alert("success"); }
201 | },
202 | "activatedSteps" : ['firstStep','secondStep','thirdStep'],
203 | "isLastStep" : true,
204 | "isFirstStep" : false,
205 | "previousStep" : 'secondStep',
206 | "currentStep" : 'thirdStep',
207 | "backButton" : Object,
208 | "nextButton" : Object,
209 | "steps" : Object,
210 | "firstStep" : 'firstStep'
211 | }
212 | * **show**
213 | * This method takes care of showing a specified step in the wizard.
214 | * Parameters:
215 | * id : String (the element id of the step to show)
216 | * Example method call:
217 | $("#demoForm").formwizard("show","firstStep");
218 | * **reset**
219 | * This method takes care of resetting the wizard.
220 | * Example method call:
221 | $("#demoForm").formwizard("reset");
222 | * **destroy**
223 | * This method takes care of removing the wizard functionality from the form.
224 | * Example method call:
225 | $("#demoForm").formwizard("destroy");
226 | * **back**
227 | * This method triggers the wizard to move back.
228 | * Example method call:
229 | $("#demoForm").formwizard("back");
230 | * **next**
231 | * This method triggers the wizard to move to the next step.
232 | * Example method call:
233 | $("#demoForm").formwizard("next");
234 | * **update_steps**
235 | * This method triggers the wizard to check the form for available steps, and cache them.
236 | * Example method call:
237 | $("#demoForm").formwizard("update_steps");
238 |
239 | #Theming
240 | The classes **ui-formwizard**, **ui-formwizard-content**, **ui-wizard-content** and **ui-formwizard-button** (see example example below), are set by the plugin to make it possible to add some additional styling - e.g. to the input fields or buttons.
241 |
242 |
266 |
267 |
--------------------------------------------------------------------------------
/changelog.txt:
--------------------------------------------------------------------------------
1 | August 3. 2014-05
2 |
3 | - Removed the URL that references http://thecodemine.org as this is no longer used by the project.
4 |
5 | September 18. 2012
6 |
7 | - Added event before_step_shown which is triggered before a step transition is started.
8 |
9 | August 17. 2012
10 |
11 | - Bug fix for data returned from the 'state' method. The 'firstStep' field contained invalid value if the first step was removed and the method 'update_steps' was called.
12 | - Updated examples to use div elements for defining the steps.
13 | - Fix for issue where the wizard got "stuck" after reload (when the bbq history plugin was enabled). Thanks to thingalon.
14 |
15 | February 26. 2011
16 |
17 | Version 3.0.5 released. Changes:
18 |
19 | - use eq(0) instead of first() for working towards backwards compatibility with jQuery < 1.4
20 | - rename the javascript file from jquery.form.wizard-3.0.4.js to jquery.form.wizard.js for easier maintenance around releases. Updated examples to refer to the new filename.
21 | - remove initial call to this._updateHistory(this.firstStep), this to prevent firefox from hiding the favicon (due to some issue with pushState).
22 | - delay the triggering of the "step_shown" event until the step has finished animating.
23 | - updated example : example_11_changing_options_after_initialization.html so that the transition animation is changed in runtime
24 | - updated example : example_4_step_shown_event.html
25 | - updated the plugin to use console.log, if available instead of using an alert.
26 |
27 |
28 | October 22.
29 |
30 | Version 3.0.4 released. Changes:
31 |
32 | - fixed initialization code so that it does not set ui styles if disableUIStyles is set to false
33 | - Fixed bug where the only the input fields on the last step were sent to the server
34 |
35 | October 16.
36 |
37 | Version 3.0.3 released. Changes:
38 |
39 | - fixed update_steps function so that it does not set ui styles if disableUIStyles is set to false
40 | - Changed the functionality of the plugin so that the form is submitted _exactly_ like any other form, when the form plugin is disabled.
41 | - Added 2 more examples (20 and 21)
42 |
43 | September 26.
44 |
45 | Version 3.0.2 released. Changes:
46 |
47 | - disableUIStyles option added. The option can be used to keep the plugin from adding jquery.ui styling to the form.
48 | - updated the zip with version 1.8.5 of jqueryui which just contains core, widget and effects code.
49 |
50 | September 13.
51 |
52 | Version 3.0.1 released. Changes:
53 |
54 | - added possibility to have the wizard ignore (not enable/disable) some input fields during step transition. This can be done by setting the class 'wizard-ignore' on the input fields.
55 | - Fixed issue with that the wizard posted the data to the server even when beforeSubmit, beforeSerialize or beforeSend returned false.
56 |
57 |
58 | July 30.
59 |
60 | Version 3.0.0 released. Changes:
61 |
62 | - updated examples
63 | - added a minified version of the plugin
64 | - updated documentation available at http://www.thecodemine.org
65 | - removed the alpha postfix
66 |
67 |
68 | July 1.
69 |
70 |
71 | Version 3.0.0 (alpha 1) released. Changes:
72 | - Now based on jQuery.ui and thus it needs to be available.
73 | - Removed dependency on jQuery history plugin
74 | - Added browser back button functionality by integration of the bbq plugin
75 | - Updated examples
76 |
77 | Notes:
78 | - this version is an alpha release and thus should not be considered a final version. Testing is still needed and bug reports are very welcome, please send them to jan.sundman@aland.net
79 | - this version lacks documentation at this stage, this will hopefully change soon. Hopefully the examples provided in the examples directory will suffice for the time being (shows most new features at least).
80 | - the options available to the initialization of the plugin are the following (including default values):
81 |
82 | historyEnabled : false, // specifies whether BBQ plugin should be used to enable browser back and forward buttons.
83 | validationEnabled : false, // specifies whether the validation plugin is enabled or not.
84 | validationOptions : undefined, // the options for the validation plugin. (See http://bassistance.de/jquery-plugins/jquery-plugin-validation/ for documentation)
85 | formPluginEnabled : false, // specifies whether the form is submitted using AJAX or not, if false then the form is posted just like any other form.
86 | linkClass : ".link", // the default class of the links
87 | submitStepClass : "submit_step", // the default class of the submit_step
88 | back : ":reset", // the next button defaults to be the reset button of the form
89 | next : ":submit", // the next button defaults to be the submit buttons of the form
90 | textSubmit : 'Submit', // the default text of the next button when a step is a submit_step
91 | textNext : 'Next', // the default text of the next button
92 | textBack : 'Back', // the default text of the back button
93 | remoteAjax : undefined, // replaces the serversideValidationUrls option in earlier versions (can be used in the same way though, see example)
94 | inAnimation : {opacity: 'show'}, // the in animation used during step transition
95 | outAnimation: {opacity: 'hide'}, // the out animation used during step transition
96 | inDuration : 400, // the duration of the in animation of a step
97 | outDuration: 400, // the duration of the out animation of a step
98 | easing: 'swing', // the easing used with the transition
99 | focusFirstInput : false, // specifies whether the first input field on every step should be selected after step-transition - or not.
100 | disableInputFields : true, // disables all input fields in the form on initialization
101 | formOptions : { reset: true, success: function(data) { alert("success"); } // defaults to reset the form on successful submit (and shows 'success' in an alert). The options for the form plugin
102 |
103 | - this version has been tested in Firefox 3.6.6, Chromium 5.0.375.70 (48679) Ubuntu. and IE8 (Will try to verify in other browsers shortly.)
104 |
105 | Feedback is much appreciated!
106 |
107 | -----------------------
108 |
109 | April 4.
110 |
111 |
112 | Version 2.0.1 released. Changes:
113 | - Fixed the destroy method
114 |
115 | -----------------------
116 |
117 | April 2.
118 |
119 |
120 | Version 2.0.0 released. Changes:
121 | - No code changes has been done compared to 2.0.0-RC4 - just version changes.
122 | - A zip file containing a few usage examples have been added to the zip
123 |
124 | -----------------------
125 |
126 | March 3, 2010
127 |
128 | Version 2.0.0-RC4 released. Changes:
129 | - fixed issue with invalid data being returned in the afterBack callback when the history plugin is enabled.
130 | - fixed so that the afterNext and afterBack trigger correctly when the history plugin is used
131 | - added an option to show the back button on the first step. The option is named showBackOnFirstStep and defaults to false - thus hiding the backbutton on the first step.
132 |
133 | -----------------------
134 |
135 | February 11, 2010
136 |
137 | Version 2.0.0-RC3 released. Changes:
138 | - fixed "vertical jumping" of the page after wizard initialization and when navigating between steps. This occurred due to the browser url having a hash (#stepid) that equaled an element id in the page. The fix was to append a '_'-character before the step id when using the history plugin. This means of course that people using direct linking to a step need to revise their url:s by prepending the same '_'-character. One can also use the show method of the plugin to get to a specified step e.g. $('#idofelement').click(function(){$("#formid").formwizard("show","stepid");});
139 |
140 | -----------------------
141 |
142 | February 10, 2010
143 |
144 | Version 2.0.0-RC2 released. Changes:
145 | - fixed bug where radiobuttons did not work as links.
146 | - fixed so that first input field of each step can be focused properly by setting focusFirstInput to true
147 | - fixed smoother animation when transitioning between steps (only available when history plugin is disabled).
148 | - added option for specifying outAnimation. (e.g. fadeOut, slideUp and hide, most visible when having the history plugin disabled)
149 |
150 | -----------------------
151 |
152 | February 4, 2010
153 |
154 | Version 2.0.0-RC released. Changes: The internal structure of the plugin has been restructured for easier maintainability and extension.
155 |
156 | - Input fields need not be disabled in the HTML anymore, done by the plugin during initialization. If the form is big one can still disable the inputs in HTML and set the option disableInputFields to false in the wizard settings.
157 | - The navigation of the plugin is now based on id:s of the steps, which in turn means that all elements that define a step must have a unique id.
158 | - It is now possible to have the wizard focusing the first input field on each step during navigation. This can be enabled by setting the opiton focusFirstInput to true.
159 | - One can now specify the transition animation between the steps. The option enabling this are inAnimation
160 | - The animation of this version should be smoother and the navigation buttons are disabled during the transition.
161 | - The submit steps are specified by adding a class submit_step to the step element instead of a hidden link on the step.
162 | - A method destroy has been added to completely remove the wizard functionality from a form.
163 | - A method show has been added to provide functionality to show any step in the wizard. (Should probably be used with care.)
164 | - A method state has been added to provide a means to get the state of the wizard.
165 | - The documentation has been updated to be more concise and hopefully the wizard will be easier to use as a result of that.
166 | - The documentation is available at http://thecodemine/
167 |
168 | -----------------------
169 |
170 | November 30, 2009
171 | Version 1.0.1 released. Changes: Fixed so that the validation plugin handles all validation using form.valid(). Fixed so that it is possible set focus to a field in the form after the wizard is rendered.
172 |
173 | -----------------------
174 |
175 | November 25, 2009
176 |
177 | Version 1.0.0 released. Changes: Fixed textarea validation
178 |
179 | -----------------------
180 |
181 | September 30, 2009
182 |
183 | Version 0.9.9 released. Changes: Added a wizard setting for by-passing redefinition of $.fn.formwizard (redefinition is done to handle reset functionality). To skip the redefinition, set callable : false when initializing the wizard. Note: reset functionality will not be available when setting callable to false
184 |
185 | -----------------------
186 |
187 | September 23, 2009
188 |
189 | Version 0.9.8 released. Changes: Reworked the server side validation. See change log for details.
190 | -----------------------
191 |
192 | August 26, 2009
193 | Version 0.9.7 released. Changes: Added a way to reset the wizard by calling $('#theform').formwizard('reset');. Also, some information about the wizard is now returned to the afterNext and afterBack callbacks (current step, previous step, if the current step is a submit step and finally an Array containing the activated steps)
194 |
195 | -----------------------
196 |
197 | July 23, 2009
198 |
199 | Version 0.9.6 released. Changes: Fix for enabling select validation.
200 |
201 | -----------------------
202 |
203 | July 17, 2009",
204 |
205 | Version 0.9.5 released. Changes: Fix for enabling optional validation.
206 |
207 | -----------------------
208 |
209 | July 12, 2009
210 |
211 | Version 0.9.4 released. Changes: Performance fixes done for rendering and validation. Input fields need to be disabled in the HTML (no longer done by the plugin due to the performance hit that occurs when there are a lot of input elements in the form).
212 |
213 | -----------------------
214 |
215 | July 6, 2009
216 |
217 | Version 0.9.3 released. Changes: Bug fix for enabling back button when history plugin is not used
218 |
219 | -----------------------
220 |
221 | May 15, 2009
222 |
223 | Version 0.9.2 released. Changes: Bug fix for enabling radio buttons as links. Added initial functionality for doing server-side validation.
224 |
225 | -----------------------
226 |
227 | May 14, 2009
228 |
229 | Version 0.9.1 released. Changes: callbacks afterNext and afterBack have been added to provide a means to do stuff after the next and back buttons have been clicked. Specify these in the settings for the wizard plugin
230 |
231 | -----------------------
232 |
233 | April 8, 2009
234 | First version (0.9.0) of the form wizard plugin is out!
235 |
236 | -----------------------
237 |
--------------------------------------------------------------------------------
/examples/css/base/images/ui-bg_flat_0_aaaaaa_40x100.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/base/images/ui-bg_flat_0_aaaaaa_40x100.png
--------------------------------------------------------------------------------
/examples/css/base/images/ui-bg_flat_75_ffffff_40x100.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/base/images/ui-bg_flat_75_ffffff_40x100.png
--------------------------------------------------------------------------------
/examples/css/base/images/ui-bg_glass_55_fbf9ee_1x400.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/base/images/ui-bg_glass_55_fbf9ee_1x400.png
--------------------------------------------------------------------------------
/examples/css/base/images/ui-bg_glass_65_ffffff_1x400.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/base/images/ui-bg_glass_65_ffffff_1x400.png
--------------------------------------------------------------------------------
/examples/css/base/images/ui-bg_glass_75_dadada_1x400.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/base/images/ui-bg_glass_75_dadada_1x400.png
--------------------------------------------------------------------------------
/examples/css/base/images/ui-bg_glass_75_e6e6e6_1x400.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/base/images/ui-bg_glass_75_e6e6e6_1x400.png
--------------------------------------------------------------------------------
/examples/css/base/images/ui-bg_glass_95_fef1ec_1x400.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/base/images/ui-bg_glass_95_fef1ec_1x400.png
--------------------------------------------------------------------------------
/examples/css/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png
--------------------------------------------------------------------------------
/examples/css/base/images/ui-icons_222222_256x240.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/base/images/ui-icons_222222_256x240.png
--------------------------------------------------------------------------------
/examples/css/base/images/ui-icons_2e83ff_256x240.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/base/images/ui-icons_2e83ff_256x240.png
--------------------------------------------------------------------------------
/examples/css/base/images/ui-icons_454545_256x240.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/base/images/ui-icons_454545_256x240.png
--------------------------------------------------------------------------------
/examples/css/base/images/ui-icons_888888_256x240.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/base/images/ui-icons_888888_256x240.png
--------------------------------------------------------------------------------
/examples/css/base/images/ui-icons_cd0a0a_256x240.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/base/images/ui-icons_cd0a0a_256x240.png
--------------------------------------------------------------------------------
/examples/css/base/jquery.ui.all.css:
--------------------------------------------------------------------------------
1 | /*
2 | * jQuery UI CSS Framework @VERSION
3 | *
4 | * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
5 | * Dual licensed under the MIT or GPL Version 2 licenses.
6 | * http://jquery.org/license
7 | *
8 | * http://docs.jquery.com/UI/Theming
9 | */
10 | @import "jquery.ui.base.css";
11 | @import "jquery.ui.theme.css";
12 |
--------------------------------------------------------------------------------
/examples/css/base/jquery.ui.base.css:
--------------------------------------------------------------------------------
1 | @import url("jquery.ui.core.css");
--------------------------------------------------------------------------------
/examples/css/base/jquery.ui.core.css:
--------------------------------------------------------------------------------
1 | /*
2 | * jQuery UI CSS Framework @VERSION
3 | *
4 | * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
5 | * Dual licensed under the MIT or GPL Version 2 licenses.
6 | * http://jquery.org/license
7 | *
8 | * http://docs.jquery.com/UI/Theming/API
9 | */
10 |
11 | /* Layout helpers
12 | ----------------------------------*/
13 | .ui-helper-hidden { display: none; }
14 | .ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
15 | .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
16 | .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
17 | .ui-helper-clearfix { display: inline-block; }
18 | /* required comment for clearfix to work in Opera \*/
19 | * html .ui-helper-clearfix { height:1%; }
20 | .ui-helper-clearfix { display:block; }
21 | /* end clearfix */
22 | .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
23 |
24 |
25 | /* Interaction Cues
26 | ----------------------------------*/
27 | .ui-state-disabled { cursor: default !important; }
28 |
29 |
30 | /* Icons
31 | ----------------------------------*/
32 |
33 | /* states and images */
34 | .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
35 |
36 |
37 | /* Misc visuals
38 | ----------------------------------*/
39 |
40 | /* Overlays */
41 | .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
42 |
--------------------------------------------------------------------------------
/examples/css/ui-lightness/images/ui-anim_basic_16x16.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/ui-lightness/images/ui-anim_basic_16x16.gif
--------------------------------------------------------------------------------
/examples/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png
--------------------------------------------------------------------------------
/examples/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png
--------------------------------------------------------------------------------
/examples/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png
--------------------------------------------------------------------------------
/examples/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png
--------------------------------------------------------------------------------
/examples/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png
--------------------------------------------------------------------------------
/examples/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png
--------------------------------------------------------------------------------
/examples/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png
--------------------------------------------------------------------------------
/examples/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png
--------------------------------------------------------------------------------
/examples/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png
--------------------------------------------------------------------------------
/examples/css/ui-lightness/images/ui-icons_222222_256x240.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/ui-lightness/images/ui-icons_222222_256x240.png
--------------------------------------------------------------------------------
/examples/css/ui-lightness/images/ui-icons_228ef1_256x240.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/ui-lightness/images/ui-icons_228ef1_256x240.png
--------------------------------------------------------------------------------
/examples/css/ui-lightness/images/ui-icons_ef8c08_256x240.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/ui-lightness/images/ui-icons_ef8c08_256x240.png
--------------------------------------------------------------------------------
/examples/css/ui-lightness/images/ui-icons_ffd27a_256x240.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/ui-lightness/images/ui-icons_ffd27a_256x240.png
--------------------------------------------------------------------------------
/examples/css/ui-lightness/images/ui-icons_ffffff_256x240.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thecodemine/formwizard/385b828679bff20bfd49c1be36f4bda615d63312/examples/css/ui-lightness/images/ui-icons_ffffff_256x240.png
--------------------------------------------------------------------------------
/examples/example_10_custom_validation_initialization.html:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
6 | JQuery Form Wizard
7 |
8 |
9 |
76 |
77 |
78 |
79 |
Example of a initializing the validation in connection to the wizard
80 |
81 |
Custom messages for email fields and the country select box.
82 |
Email field is required and needs to be a valid email.
Example on how to do AJAX calls after each step by using the remoteAjax option
80 |
81 |
An ajax call will be done after the each step. This simulates storing the data entered on the current step, on the server. Done using the remoteAjax option
82 |
Note that this example will not work locally in chrome, but the functionality works when used on a server.