1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml"><head>
3 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
4 <title>Smart Wizard 2 - Basic Example - a javascript jQuery wizard control plugin</title>
6 <link href="styles/smart_wizard.css" rel="stylesheet" type="text/css">
7 <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
8 <script type="text/javascript" src="js/jquery.smartWizard-2.0.min.js"></script>
10 <script type="text/javascript">
11 $(document).ready(function(){
13 $('#wizard').smartWizard();
15 function onFinishCallback(){
16 $('#wizard').smartWizard('showMessage','Finish Clicked');
23 <table align="center" border="0" cellpadding="0" cellspacing="0">
26 <div id="wizard" class="swMain">
28 <li><a href="#step-1">
29 <span class="stepNumber">1</span>
30 <span class="stepDesc">
32 <small>Step 1 description</small>
35 <li><a href="#step-2">
36 <span class="stepNumber">2</span>
37 <span class="stepDesc">
39 <small>Step 2 description</small>
42 <li><a href="#step-3">
43 <span class="stepNumber">3</span>
44 <span class="stepDesc">
46 <small>Step 3 description</small>
49 <li><a href="#step-4">
50 <span class="stepNumber">4</span>
51 <span class="stepDesc">
53 <small>Step 4 description</small>
58 <h2 class="StepTitle">Step 1 Content</h2>
63 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
64 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
65 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
66 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
67 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
70 Lorem ipsum dolor sit amet, consectetur adipisicing elit,
71 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
72 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
73 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
74 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
77 Lorem ipsum dolor sit amet, consectetur adipisicing elit,
78 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
79 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
80 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
81 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
85 <h2 class="StepTitle">Step 2 Content</h2>
86 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
87 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
88 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
89 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
90 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
93 Lorem ipsum dolor sit amet, consectetur adipisicing elit,
94 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
95 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
96 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
97 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
100 Lorem ipsum dolor sit amet, consectetur adipisicing elit,
101 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
102 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
103 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
104 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
107 Lorem ipsum dolor sit amet, consectetur adipisicing elit,
108 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
109 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
110 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
111 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
115 <h2 class="StepTitle">Step 3 Content</h2>
116 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
117 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
118 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
119 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
120 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
123 Lorem ipsum dolor sit amet, consectetur adipisicing elit,
124 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
125 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
126 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
127 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
131 <h2 class="StepTitle">Step 4 Content</h2>
132 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
133 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
134 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
135 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
136 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
139 Lorem ipsum dolor sit amet, consectetur adipisicing elit,
140 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
141 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
142 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
143 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
146 Lorem ipsum dolor sit amet, consectetur adipisicing elit,
147 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
148 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
149 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
150 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
154 <!-- End SmartWizard Content -->