jQuery4PHP Current Release: v1.7.0 - Stable

jQuery version: v1.8.2

jQueryUI version: Stable (1.8.24: jQuery 1.3.2+)

jQuery4php API

JLayout

Hide navigator Hide source code

Programatically 2


<button id="btnBuildLayout">Layout</button>

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

  <div id="container">
    <?php echo YsJLayout::initCenter('centerPanel', 'style="width:33%; height:50px"') ?>
      Center
    <?php echo YsJLayout::endCenter() ?>
    <?php echo YsJLayout::initEast('eastPanel', 'style="width:33%; height:30px"') ?>
      East
    <?php echo YsJLayout::endEast() ?>
    <?php echo YsJLayout::initWest('westPanel', 'style="width:33%; height:30px"') ?>
      West
    <?php echo YsJLayout::endWest() ?>
    <?php echo YsJLayout::initNorth('northPanel', 'style="width:100%; height:30px"') ?>
      North
    <?php echo YsJLayout::endNorth() ?>
    <?php echo YsJLayout::initSouth('southPanel', 'style="width:100%; height:30px"') ?>
      South
    <?php echo YsJLayout::endSouth() ?>
  </div>
<?php
echo
YsJQuery::newInstance()
  ->onClick()
  ->in("#btnBuildLayout")
  ->execute(
    YsJLayout::build("#container")
      ->_type(YsJLayout::BORDER_TYPE)
      ->_west(YsJQuery::newInstance()->in("#westPanel"))
      ->_center(YsJQuery::newInstance()->in("#centerPanel"))
      ->_north(YsJQuery::newInstance()->in("#northPanel"))
      ->_east(YsJQuery::newInstance()->in("#eastPanel"))
      ->_south(YsJQuery::newInstance()->in("#southPanel"))
  )
?>

Center
East
West
North
South

About

Demos

jQueryUI

Plugins Support - New!

Components - New!

Project Developed by The YepSua Team
SourceForge.net