Version 3 and later athttp://mstratman.github.com/jQuery-Smart-Wizard/
NOTE: This is not being actively maintained.
Example: Smart Wizard Initialize with all option parameters This example shows how to call Smart Wizard using all option parameters, but you can pass the only options that you want to set a different value than the default. Re: Smartwizard download I realize it's 4 years later, but I faced the same issue of needing the older smart wizard to upgrade a FS726 that had never been upgraded. So you can't find a download to Smartwizard anywhere on the support site, and even when you manage to find it, you can't find version 2.05.03 which is needed in the circumstance. Installation Guide N150 Wireless USB Adapter WNA1100 This guide explains Express installation with the NETGEAR Smart Wizard and Standalone Windows Driver installation (on the other side of.
Original version 2 and earlier are fromhttp://www.techlaboratory.net/products.php?product=smartwizard
Licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.http://creativecommons.org/licenses/by-sa/3.0/
Getting Started
To see some examples, please visit http://mstratman.github.com/jQuery-Smart-Wizard/
Basic Usage:
Using with option parameters:
Parameters and Events are describing on the table below.
Downloading Smart Wizard 3
NodeJS npm
Installing Smart Wizard 3
Step 1: Include Files
Include the following JavaScript and css files on your page.
- jQuery Library file (Don't include if you already have it on your page)
- CSS(Style Sheet) file for Smart Wizard
- JavaScript plug-in file for Smart Wizard
To include the files copy and paste the below lines inside the head tag (<head> </head>) of your page.Make sure the paths to the files are correct with your working environment.
Step 2: The JavaScript
Inititialize the Smart Wizard, copy and paste the below lines inside the head tag (<head> </head>) of your page
Step 3: The HTML
Finally the html, below shows the HTML markup for the Smart Wizard, You can customize it by including your on contents for each steps.Copy and paste the below html inside the body tag (<body></body>) of your page.
More details & descriptions:
Load ajax content
To load the content via ajax call you need to specify the property 'contentURL'.
example:
When a step got focus the SmartWizard will post the step number to this contentURL and so you can write server side logic to format the content with the step number to be shown next. The response to this call should be the content of that step in HTML format.
To get the step number in php:
By default the SmartWizard will fetch the step content only on the first focus of the step, and cache the content and use it on the further focus of that step. But you can turn off the content cache by specifying the property 'contentCache' to false.
example:
Please see the ajax contents demo and following files on the source code to know how ajax content loading is implemented.
- smartwizard2-ajax.htm
- services/service.php
Input validation
Smart Wizard 3 does not have in-built form validation, but you can call you own validation function for each steps or for all steps with the events. Smart Wizard 3 has three events (onLeaveStep, onShowStep, onFinish). So you can write your step validation login in 'onLeaveStep' event and on validation fail you can stay on that step by cancelling that event. Validation logic for all steps can be write on 'onFinish' event and so you can avoid submitting the form with errors.
example:
Please see the step validation demo and smartwizard2-validation.php in the source code to know how step input validation is implemented.
Highlight error steps
Highlighting error steps in Smart Wizard is easy
It takes two arguments
- stepnum :- Step number to which is highlighted as error
- iserror :- true = set the step as error step and false = remove the error highlighting
example:
Show message inside the wizard
An in-built message box is available with Smart Wizard 3 and you can call it as like below
example:
Parameter Description:
| Parameter Name | Description | Values | Default Value |
|---|---|---|---|
| selected | specify the initially-selected step | integer | 0 |
| keyNavigation | enable/disable key navigation. left/right keys are used if enabled | true = enabled false= disabled | true |
| enableAllSteps | Enable/Disable all steps on first load | true = enabled false= disabled | false |
| transitionEffect | Animation effect on step navigation | none/fade/slide/slideleft | fade |
| contentURL | Setting this property will enable ajax content loading, setting null will disable ajax contents | null or a valid url | null |
| contentURLData | with ContentURL set, use this property to override the ajax query parameters used when loading contents | null or a function that takes the new step number and returns an object to override ajax parameters | null |
| contentCache | This property will enable caching of the content on ajax content mode. So the contents are fetched from the url only on first load of the step | true = enabled false= disabled | true |
| cycleSteps | This property allows to cycle the navigation of steps | true = enabled false= disabled | false |
| enableFinishButton | This property will make the finish button enabled always | true = enabled false= disabled | false |
| hideButtonsOnDisabled | This property will hide the disabled buttons instead of just disabling them | true = enabled false= disabled | false |
| errorSteps | an array of step numbers to highlighting as error steps | array of integers ex: [2,4] | [] |
| labelNext | Label for Next button | String | Next |
| labelPrevious | Label for Previous button | String | Previous |
| labelFinish | Label for Finish button | String | Finish |
| noForwardJumping | If true, automatically disable all steps following the current step. e.g. If I am on step 4, and click step 1, steps 2-4 will be disabled and I cannot jump back to 3 or 4, and can only proceed 'next' to step 2. | Boolean | false |
| ajaxType | The 'type' parameter for ajax requests. | String | POST |
| includeFinishButton | [DEPRECATED: This option will be removed in the next release] If true, adds a finish button | true = show false= don't show | true |
| reverseButtonsOrder | [DEPRECATED: This option will be removed in the next release] If true, shows buttons ordered as: prev, next, finished | true = prev, next, finished false= finished, next, prev | false |
| buttonOrder | Defines the display order of the buttons. To hide a button simply remove it from the list. | String[] | ['finish', 'next', 'prev'] |
Event Description:
| Event Name | Description | Parameters |
|---|---|---|
| onLeaveStep | Triggers when leaving a step. This is a decision making event, based on its function return value (true/false) the current step navigation can be cancelled. | Object: object of the step anchor element. You can access the step number and step body element using this object. Object: Context information with keys: fromStep and toStep |
| onShowStep | Triggers when showing a step. | Object: object of the step anchor element. You can access the step number and step body element using this object. Object: Context information with keys: fromStep and toStep |
| onFinish | Triggers when the Finish button is clicked. This is a decision making event, based on its function return value (true/false) the further actions can be cancelled. e.g.: If the validation fails we can cancel form submitting and can show an error message. Please see the form validation example for the implementation If this callback is not set, clicking the finish button will submit the form in which the wizard is placed, and do nothing if a parent form is not found. | Object Array: an array of the object of all the step anchor elements Object: Context information with key: fromStep indicating which step the user was on when they clicked the finish button. |
Public methods:
Methods can be called by calling smartWizard('method_name', arguments)
For example, calling the showMessage method to display 'Hello, World!' wouldlook like this:
Here are the available methods:
| Method Name | Arguments | Description |
|---|---|---|
| showMessage | String: the message to show. | Show a message in the action bar |
| hideMessage | None | Hide the message in the action bar |
| showError | Integer: the step number to highlight with an error. | This is a convenience wrapper around setError. |
| hideError | Integer: the step number to un-highlight with an error. | This is a convenience wrapper around setError. |
| setError | Object: with keys stepnum and iserror. | Set or unset error status on a particular step. Passing iserror as true sets the error. Passing in a false value turns off the error. |
| goForward | None | Load the next step. |
| goBackward | None | Load the previous step. |
| goToStep | Integer - the step number to load | Load the specified step. |
| enableStep | Integer - the step number to enable | Enable the specified step. |
| disableStep | Integer - the step number to disable | Disable the specified step. |
| currentStep | None | Returns the number of the current step. |
| enableFinish | Boolean: true = enabled false= disabled | Returns the status of finish button after change. |
| fixHeight | None | Adjusts the height of the step contents for the current step. In general you won't need this, but it's useful if you are dynamically setting the contents. |
New Software
Export Addresses to Auto-Complete Files 4.13
Published: 07 September, 2019 12:32
Free tool for saving addresses from Outlook address books...
Duplicate Outlook Items Report 4.13
Published: 07 September, 2019 10:21
Free report on duplicate Outlook items shows how many...
DS Clock 4.1
Published: 07 September, 2019 10:05
DS Clock is a digital desktop clock that displays...
3D Antivirus 1.01
Published: 05 September, 2019 11:15
3D Antivirus is a professional tool for 3ds Max virus...
5KPlayer for Mac 6.0
Published: 05 September, 2019 10:28
5KPlayer is a new-style free media player as all-in-one...
DataNumen RAR Repair 2.6
Published: 05 September, 2019 09:07
DataNumen RAR Repair (formerly Advanced RAR Repair) is a...
5KPlayer 6.0
Published: 05 September, 2019 08:53
5KPlayer is an all-in-one free HD videos/music player for...
Smart Wizard Download
Duplicate Attachments Report for Outlook 4.13
Published: 05 September, 2019 08:50
This free report allows you to check Outlook for...
Document to PDF Converter 3.2
Published: 03 September, 2019 10:29
This program allows you to convert files to PDF easy and...
UFO VPN 3.0.1
Published: 03 September, 2019 10:26
UFO VPN, the best free, fast and unlimited VPN proxy for...
Radmin VPN 1.1.3907
Published: 02 September, 2019 11:16
Radmin VPN - is a free and easy-to-use software product...
trc2sor 1.2.0
Published: 02 September, 2019 11:12
trc2sor is simple OTDR trace TRC to SOR file converter....
RationalPlan Project Viewer for Linux 5.2.7744.
Published: 02 September, 2019 11:10
RationalPlan Project Viewer is a free project planning...
DarkWave Studio 5.8.1
Published: 02 September, 2019 10:16
DarkWave Studio is a free Digital Audio Workstation (DAW)...
sellEbit 20190708
Published: 02 September, 2019 09:40
E-Commerce software for merchants who have web sites that...
21st century Truck driver 4.52
Published: 01 September, 2019 12:15
The 21st century Truck driver sells his house, buys old...
Foxit Reader 9.6.0.25114
Published: 01 September, 2019 12:13
Foxit Reader's success and popularity has resulted over...
Delete Empty Folders for Outlook 4.13
Published: 01 September, 2019 12:08
This free utility finds and moves empty Outlook folders...
Pegasun System Utilities 5.3
Published: 01 September, 2019 12:02
The complete care package for your computer! System...
Revulytics Usage Intelligence, Mac ObjC 5.5
Published: 31 August, 2019 11:33
The first analytics solution purpose-built for...
New Reviews
Aquarium Lab 2012.0.2(Usha)
My aquarium water condition is being monitored by this...
TextSeek (Mac) 2.5.1583(Zesi_Tom)
Deep indexing of desktop computer's documents is...
Netgear Smartwizard Download
RPM Remote Print Manager Elite 32 Bit 6.1.0.439(tintin)
Takes care of any printing job to be converted and saved...
Wgps606 Smart Wizard Download
Nutrigenic Helper 1.0(Simsiak)
As a dietician I use this software to plan a nutrient...
Radmin 3.5.2.1(Jefferson)
Can control the computers from distance location even if...
JavaScript Diagram 3.3.3(Xeviers)
Lots of flow diagrams can be drawn in short time with...
WarpPro 1.0(Rownok)
Reproduces any record after fixing the timing error of...
HueScope Separator 1.0(Kislu)
Separates the colors from an watercolor image which is...
ERD Concepts 8.0(Tintin)
For backend database design it is the perfect one, manual...
MindView 7.0.15506(Zerin)
Can easily note down any new ideas or plans for future...
Popular Downloads
FreeCommander 2009.02b(6242)
Released: 08 November, 2011
FreeCommander is an advanced file manager program. It can...
AbiWord 2.8.6(1823)
Released: 05 December, 2011
AbiWord is a free word processor for all major operating...
TestDisk and PhotoRec 6.14(2854)
Released: 24 October, 2012
TestDisk is a powerful free data recovery software!
NetBeans IDE 7.4(1070)
Released: 02 December, 2013
Free and open source IDE for programmers in almost all...
Safari for Windows 5.1.7(3999)
Released: 04 December, 2013
Experience the fastest web browsing in your windows PC...
GeekUninstaller 1.1.1.21(1392)
Released: 08 December, 2013
GeekUninstaller is a free small sized uninstaller program...
SeaMonkey 2.23(1599)
Released: 07 January, 2014
Advanced Internet user, web developer and corporate...
Ahnenblatt 2.74(93)
Released: 15 November, 2012
Ahnenblatt is a free and easy-to-use genealogy software...