third-party/smartwizard-1636c86/index.htm

   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>
   5
   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>
   9
  10 <script type="text/javascript">
  11     $(document).ready(function(){
  12         // Smart Wizard
  13                 $('#wizard').smartWizard();
  14
  15       function onFinishCallback(){
  16         $('#wizard').smartWizard('showMessage','Finish Clicked');
  17       }
  18                 });
  19 </script>
  20
  21 </head><body>
  22
  23 <table align="center" border="0" cellpadding="0" cellspacing="0">
  24 <tr><td>
  25 <!-- Smart Wizard -->
  26                 <div id="wizard" class="swMain">
  27                         <ul>
  28                                 <li><a href="#step-1">
  29                 <span class="stepNumber">1</span>
  30                 <span class="stepDesc">
  31                    Step 1<br />
  32                    <small>Step 1 description</small>
  33                 </span>
  34             </a></li>
  35                                 <li><a href="#step-2">
  36                 <span class="stepNumber">2</span>
  37                 <span class="stepDesc">
  38                    Step 2<br />
  39                    <small>Step 2 description</small>
  40                 </span>
  41             </a></li>
  42                                 <li><a href="#step-3">
  43                 <span class="stepNumber">3</span>
  44                 <span class="stepDesc">
  45                    Step 3<br />
  46                    <small>Step 3 description</small>
  47                 </span>
  48              </a></li>
  49                                 <li><a href="#step-4">
  50                 <span class="stepNumber">4</span>
  51                 <span class="stepDesc">
  52                    Step 4<br />
  53                    <small>Step 4 description</small>
  54                 </span>
  55             </a></li>
  56                         </ul>
  57                         <div id="step-1">
  58             <h2 class="StepTitle">Step 1 Content</h2>
  59             <ul type="disk">
  60                                     <li>List 1</li>
  61                                     <li>List 2</li>
  62             </ul>
  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.
  68             </p>
  69             <p>
  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.
  75             </p>
  76             <p>
  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.
  82             </p>
  83         </div>
  84                         <div id="step-2">
  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.
  91             </p>
  92             <p>
  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.
  98             </p>
  99             <p>
 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.
 105             </p>
 106             <p>
 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.
 112             </p>
 113         </div>
 114                         <div id="step-3">
 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.
 121             </p>
 122             <p>
 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.
 128             </p>
 129         </div>
 130                         <div id="step-4">
 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.
 137             </p>
 138             <p>
 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.
 144             </p>
 145             <p>
 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.
 151             </p>
 152         </div>
 153                 </div>
 154 <!-- End SmartWizard Content -->
 155
 156 </td></tr>
 157 </table>
 158
 159 </body>
 160 </html>