third-party/smartwizard-1636c86/smartwizard2-ajax.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 - Ajax Contents 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({contentURL:'services/service.php?action=1',transitionEffect:'slideleft',onFinish:onFinishCallback});
  14
  15       function onFinishCallback(){
  16         alert('Finish Called');
  17       }
  18                 });
  19 </script>
  20 </head><body>
  21
  22 <table align="center" border="0" cellpadding="0" cellspacing="0">
  23 <tr><td>
  24 <!-- Smart Wizard -->
  25                 <div id="wizard" class="swMain">
  26                         <ul>
  27                                 <li><a href="#step-1">
  28                 <span class="stepNumber">1</span>
  29                 <span class="stepDesc">
  30                    Step 1<br />
  31                    <small>Step 1 description</small>
  32                 </span>
  33             </a></li>
  34                                 <li><a href="#step-2">
  35                 <span class="stepNumber">2</span>
  36                 <span class="stepDesc">
  37                    Step 2<br />
  38                    <small>Step 2 description</small>
  39                 </span>
  40             </a></li>
  41                                 <li><a href="#step-3">
  42                 <span class="stepNumber">3</span>
  43                 <span class="stepDesc">
  44                    Step 3<br />
  45                    <small>Step 3 description</small>
  46                 </span>
  47              </a></li>
  48                                 <li><a href="#step-4">
  49                 <span class="stepNumber">4</span>
  50                 <span class="stepDesc">
  51                    Step 4<br />
  52                    <small>Step 4 description</small>
  53                 </span>
  54             </a></li>
  55                         </ul>
  56                         <div id="step-1">
  57             <h2 class="StepTitle">Step 1 Content</h2>
  58             <ul type="disk">
  59                                     <li>List 1</li>
  60                                     <li>List 2</li>
  61             </ul>
  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.
  67             </p>
  68             <p>
  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.
  74             </p>
  75             <p>
  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.
  81             </p>
  82         </div>
  83                         <div id="step-2">
  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.
  90             </p>
  91             <p>
  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.
  97             </p>
  98             <p>
  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.
 104             </p>
 105             <p>
 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.
 111             </p>
 112         </div>
 113                         <div id="step-3">
 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.
 120             </p>
 121             <p>
 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.
 127             </p>
 128         </div>
 129                         <div id="step-4">
 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.
 136             </p>
 137             <p>
 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.
 143             </p>
 144             <p>
 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.
 150             </p>
 151         </div>
 152                 </div>
 153 <!-- End SmartWizard Content -->
 154
 155 </td></tr>
 156 </table>
 157 </body>
 158 </html>