<link rel="shortcut icon" href="/favicon.ico" /> </head> <body> <?php ui_layout_configure_to('layoutVarName', 'body', array('cache' => true, 'addCloseBtn' => array('#btnCloseWestId' => 'west', '#btnCloseEastId' => 'east'), 'addOpenBtn' => array('#btnOpenWestId' => 'west', '#btnOpenEastId' => 'east'), 'addToggleBtn' => array('#btnToggleSouthId' => 'south'), 'addPinBtn' => array('#btnPinWestId' => 'west', '#btnPinEastId' => 'east'), 'allowOverflow' => 'north', 'north' => array('size' => 54), 'south' => array('spacing' => 50), 'west' => array(), 'east' => array('initClosed' => true), 'center' => array())); ?> <br><br> <div class="ui-layout-center" id="testId"> <?php echo ui_theme_switcher_tool('themeroller', array('width' => 200, 'buttonPreText' => 'ysJQueryUIPlugin: ')); ?> <br> <?php echo $sf_data->getRaw('sf_content'); ?> </div> <div class="ui-layout-north"> <br>
<?php use_helper('ysJQueryRevolutions'); use_helper('ysJQueryUIEffects'); ?> <?php echo ui_theme_switcher_tool(); ?> <script type="text/javascript" language="javascript"> $(document).ready(function(){ $('#btnHideEffect').click(function(){ alert('Inside code javascript '); <?php echo ui_effects_hide('#testEffect', array('effect' => 'clip', 'speed' => 'slow', 'callback' => like_function("alert('Hide effect successful')"))); ?> }); }); </script> <?php echo ui_effects_add_class('#testClass', array('listener' => array('selector' => '#btnAddClass', 'event' => 'click'), 'class' => 'ui-widget-content', 'duration' => 'slow', 'callback' => like_function("alert('Class added')"))); ?> <?php echo ui_effects_remove_class('#testClass', array('listener' => array('selector' => '#btnRemoveClass', 'event' => 'click'), 'class' => 'ui-widget-content', 'duration' => 'slow', 'callback' => like_function("alert('Class Removed')"))); ?>