Hide navigator Hide source code
Deprecated: strlen(): Passing null to parameter #1 ($string) of type string is deprecated in /home/project-web/jquery4php/lib/YepSua/Labs/RIA/jQuery4PHP/YsJQueryBuilder.php on line 127

Deprecated: substr(): Passing null to parameter #1 ($string) of type string is deprecated in /home/project-web/jquery4php/lib/YepSua/Labs/RIA/jQuery4PHP/YsJQueryBuilder.php on line 127

Deprecated: strlen(): Passing null to parameter #1 ($string) of type string is deprecated in /home/project-web/jquery4php/lib/YepSua/Labs/RIA/jQuery4PHP/YsJQueryBuilder.php on line 127

Deprecated: substr(): Passing null to parameter #1 ($string) of type string is deprecated in /home/project-web/jquery4php/lib/YepSua/Labs/RIA/jQuery4PHP/YsJQueryBuilder.php on line 127

Deprecated: strlen(): Passing null to parameter #1 ($string) of type string is deprecated in /home/project-web/jquery4php/lib/YepSua/Labs/RIA/jQuery4PHP/YsJQueryBuilder.php on line 127

Deprecated: substr(): Passing null to parameter #1 ($string) of type string is deprecated in /home/project-web/jquery4php/lib/YepSua/Labs/RIA/jQuery4PHP/YsJQueryBuilder.php on line 127

Deprecated: strlen(): Passing null to parameter #1 ($string) of type string is deprecated in /home/project-web/jquery4php/lib/YepSua/Labs/RIA/jQuery4PHP/YsJQueryBuilder.php on line 127

Deprecated: substr(): Passing null to parameter #1 ($string) of type string is deprecated in /home/project-web/jquery4php/lib/YepSua/Labs/RIA/jQuery4PHP/YsJQueryBuilder.php on line 127

Deprecated: strlen(): Passing null to parameter #1 ($string) of type string is deprecated in /home/project-web/jquery4php/lib/YepSua/Labs/RIA/jQuery4PHP/YsJQueryBuilder.php on line 127

Deprecated: substr(): Passing null to parameter #1 ($string) of type string is deprecated in /home/project-web/jquery4php/lib/YepSua/Labs/RIA/jQuery4PHP/YsJQueryBuilder.php on line 127

Basic

<?php YsJQuery::usePlugin(YsJQueryConstant::PLUGIN_FORM_WIZARD); ?>

<button id="btnOpenDialog">Show Demo</button>

<?php echo YsUIDialog::initWidget('dialogId','style="display:none" title="Basic dialog"') ?>
  <form id="demoForm" method="post" action="#" class="bbq">
    <div id="fieldWrapper" style="padding:5px">
      <span class="step" id="first">
        <h3>First step - Name</h3><br />
        <label for="firstname">First name</label><br />
        <input class="input_field_12em" name="firstname" id="firstname" /><br />
        <label for="surname">Surname</label><br />
        <input class="input_field_12em" name="surname" id="surname" /><br />
      </span>
      <span id="finland" class="step">
        <h3>Step 2 - Personal information</h3><br />
        <label for="day_fi">Social Security Number</label><br />
        <input name="day" id="day_fi" value="DD" />
        <input name="month" id="month_fi" value="MM" />
        <input name="year" id="year_fi" value="YYYY" /> - 
        <input name="lastFour" id="lastFour_fi" value="XXXX" /><br />
        <label for="countryPrefix_fi">Phone number</label><br />
        <input name="countryPrefix" id="countryPrefix_fi" value="+358" /> - 
        <input name="areaCode" id="areaCode_fi" /> - 
        <input name="phoneNumber" id="phoneNumber_fi" /><br />
        <label for="email">*Email</label><br />
        <input class="input_field_12em email required" name="myemail" id="myemail" /><br />	 						
      </span>
      <span id="confirmation" class="step">
        <h3>Last step - Username</h3><br />
        <label for="username">User name</label><br />
        <input name="username" id="username" /><br />
        <label for="password">Password</label><br />
        <input name="password" id="password" type="password" /><br />
        <label for="retypePassword">Retype password</label><br />
        <input name="retypePassword" id="retypePassword" type="password" /><br />
      </span>
    </div>
    <div id="demoNavigation" align="right" style="margin: 0 5px 5px 0">
      <br/>
      <input id="back" value="Back" type="reset" />
      <input id="next" value="Next" type="submit" />
    </div>
  </form>
<?php echo YsUIDialog::endWidget() ?>

<?php
echo
YsJQuery::newInstance()
  ->onClick()
  ->in('#btnOpenDialog')
  ->execute(
    YsUIDialog::build('#dialogId')
      ->_modal(true)
      ->_width(670)
      ->_height('auto')
      ->_buttons(array(
        'Ok' => new YsJsFunction('alert("Hello world")'),
        'Close' =>  new YsJsFunction(YsUIDialog::close('this')))
       )
  )
?>
<?php echo YsFormWizard::build()->in('#demoForm')->execute() ?>
<?php echo YsUIButton::build()->in('#demoNavigation > input')->execute() ?>
    

Show Demo