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 - Ajax Contents 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({contentURL:'services/service.php?action=1',transitionEffect:'slideleft',onFinish:onFinishCallback});
15 function onFinishCallback(){
16 alert('Finish Called');
22 <table align="center" border="0" cellpadding="0" cellspacing="0">
25 <div id="wizard" class="swMain">
27 <li><a href="#step-1">
28 <span class="stepNumber">1</span>
29 <span class="stepDesc">
31 <small>Step 1 description</small>
34 <li><a href="#step-2">
35 <span class="stepNumber">2</span>
36 <span class="stepDesc">
38 <small>Step 2 description</small>
41 <li><a href="#step-3">
42 <span class="stepNumber">3</span>
43 <span class="stepDesc">
45 <small>Step 3 description</small>
48 <li><a href="#step-4">
49 <span class="stepNumber">4</span>
50 <span class="stepDesc">
52 <small>Step 4 description</small>
57 <h2 class="StepTitle">Step 1 Content</h2>
62 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
63 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
64 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
65 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
66 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
69 Lorem ipsum dolor sit amet, consectetur adipisicing elit,
70 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
71 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
72 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
73 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
76 Lorem ipsum dolor sit amet, consectetur adipisicing elit,
77 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
78 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
79 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
80 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
84 <h2 class="StepTitle">Step 2 Content</h2>
85 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
86 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
87 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
88 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
89 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
92 Lorem ipsum dolor sit amet, consectetur adipisicing elit,
93 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
94 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
95 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
96 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
99 Lorem ipsum dolor sit amet, consectetur adipisicing elit,
100 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
101 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
102 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
103 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
106 Lorem ipsum dolor sit amet, consectetur adipisicing elit,
107 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
108 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
109 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
110 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
114 <h2 class="StepTitle">Step 3 Content</h2>
115 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
116 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
117 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
118 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
119 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
122 Lorem ipsum dolor sit amet, consectetur adipisicing elit,
123 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
124 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
125 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
126 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
130 <h2 class="StepTitle">Step 4 Content</h2>
131 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
132 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
133 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
134 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
135 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
138 Lorem ipsum dolor sit amet, consectetur adipisicing elit,
139 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
140 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
141 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
142 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
145 Lorem ipsum dolor sit amet, consectetur adipisicing elit,
146 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
147 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
148 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
149 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
153 <!-- End SmartWizard Content -->