/**
*
* @param string $id menu Id
* @param string $value teh Menu-button value
* @param array $items The menu items /
* @param string $configuration The fg-menu configuration, See the options in
* http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/
*/
function ui_menu_init($id, $value, $items = array(), $configurations = array())
{
$pattern = '';
$buttoProperties = sprintf('tabindex="0" href="#%s"', $id);
$defaultButtons = array('value' => $value, 'id' => $id, 'align' => 'right', 'icon' => 'triangle-1-e', 'corner' => 'all', 'properties' => $buttoProperties);
if (isset($items['disabled'])) {
if ($items['disabled'] == true) {
$button = isset($items['button']) ? $items['button'] : array('button' => null);
$buttonDisabled = array('state' => 'disabled');
$items['button'] = is_array($button) ? array_merge($buttonDisabled, $button) : $buttonDisabled;
}
unset($items['disabled']);
}
if (isset($items['button'])) {
$buttonConfiguration = $items['button'];
$builder = isset($buttonConfiguration['builder']) ? $buttonConfiguration['builder'] : 'ui_link_button';
$pattern .= $builder(array_merge($defaultButtons, $items['button']));
unset($items['button']);
if (isset($buttonConfiguration['state']) && strtolower($buttonConfiguration['state']) == 'disabled') {
return $pattern;
}
} else {
$pattern .= ui_link_button($defaultButtons);
}
$items = $items = _get_items_from_yml($items, 'menu');
$configurations['content'] = isset($configurations['content']) ? $configurations['content'] : sprintf("\$('#%s').next().html()", $id);
$configurations = get_default_widget_configuration('app_ys_jquery_ui_fg_menu_defaults', $configurations);
$pattern .= sprintf('<div id="%sContent" class="hidden">', $id);
$pattern .= array_to_html_list($items, 'fg_menu_list_formatter');
$pattern .= '</div>';
$menuPattern = _ui_fg_menu_pattern($configurations);
$pattern .= add_jquery_support('#' . $id, 'menu', $menuPattern);
return $pattern;
}
/**
* UI.Layout creates a 'page-layout' that has auto-sizing 'center pane'
* surrounded by up to four collapsible and resizable 'border panes'
* (north, south, east & west). It can also create multiple headers &
* footers inside each pane.
* @param string $layoutName The layout name
* @param string $selector jQuery Selector
* @param array() $configurations Array. See the options and events in
* http://layout.jquery-dev.net/documentation.html#Options
*/
function ui_layout_configure_to($layoutName, $selector, $configurations = array())
{
$configurations = get_default_widget_configuration('app_ys_jquery_ui_layout_defaults', $configurations);
if (isset($configurations['yml'])) {
$ymlItems = sfYaml::load($configurations['yml']);
$ymlIndex = isset($configurations['ymlKey']) ? $configurations['ymlKey'] : 'layout';
$ymlConfigurations = isset($ymlItems[$ymlIndex]) ? $ymlItems[$ymlIndex] : array();
$configurations = array_merge($ymlConfigurations, $configurations);
unset($configurations['yml'], $configurations['ymlKey']);
}
$support = core_init_javasacript_tag();
$support .= 'var ' . $layoutName . ';';
$pattern = ui_layout_pattern($configurations);
$utilityMethods = '';
if (!is_array($configurations) || !sizeof($configurations) > 0) {
$configurations = array('applyDefaultStyles' => true);
} else {
if (!isset($configurations['name'])) {
$configurations['name'] = $layoutName;
}
$utilityMethods = ui_layout_utility_methods_pattern($layoutName, $configurations);
}
if (isset($configurations['cache']) && $configurations['cache'] === true) {
echo add_jquery_support('window', 'unload', like_function("layoutState.save('{$layoutName}')"));
$pattern = "\$.extend( {$pattern} , layoutState.load('{$layoutName}'))";
}
$jsVar = like_function($layoutName . ' = ' . jquery_support($selector, 'layout', $pattern, true, $utilityMethods));
$support .= jquery_support($selector, 'ready', $jsVar);
echo $support .= core_end_javasacript_tag();
}
/**
* Adds autocomplete support
* @param string $selector A jQuery Selector
* @param array $configuration Array options for the autocomplete function
* @param boolean $isInternal If this function is inner a javascript body
*/
function jquery_autocomplete_support_to($selector, $configuration = array(), $isInternal = false)
{
if (isset($configuration['focus']) && $configuration['focus'] == true) {
echo jquery_execute(jquery_support($selector, 'focus'));
}
$configuration = merge_plugin_defaults_options('auto_complete', $configuration);
$urlOrData = '{}';
$urlOrData = isset($configuration['data']) ? $configuration['data'] : $urlOrData;
$urlOrData = isset($configuration['url']) ? sprintf("'%s'", $configuration['url']) : $urlOrData;
//unset($configuration['data'],$configuration['url']);
$pattern = _ui_autocomplete_pattern($configuration);
$jquerySintax = trim($pattern) == '' ? $urlOrData : $urlOrData . ',' . $pattern;
if ($isInternal) {
return jquery_support($selector, 'autocomplete', $jquerySintax);
} else {
return add_jquery_support($selector, 'autocomplete', $jquerySintax);
}
}
echo ui_link_button(array('value' => 'Disable Link button', 'id' => 'disablelnkBtnId'));
?>
<?php
echo ui_link_button(array('value' => 'Enable button', 'id' => 'enableBtnId'));
echo ui_link_button(array('value' => 'Disable button', 'id' => 'disableBtnId'));
?>
<?php
echo add_jquery_support('#enableLnkBtnId', 'click', like_function(ui_enable_button('#lnkBtnId', 'linkEnableAndDisableToggleFunction')));
echo add_jquery_support('#disablelnkBtnId', 'click', like_function(ui_disable_link_button('#lnkBtnId')));
?>
<?php
echo add_jquery_support('#enableBtnId', 'click', like_function(ui_enable_button('#btnId')));
echo add_jquery_support('#disableBtnId', 'click', like_function(ui_disable_button('#btnId')));
?>
<br><br>
BUTTON PANE
<br>
<?php
echo ui_button_pane_init($type = 'single', array('idBtn1' => array('value' => 'Hello', 'icon' => 'newwin'), 'idBtn2' => array('value' => 'World', 'icon' => 'newwin')));
?>
<?php
echo ui_button_pane_end();
?>
<?php
echo ui_button_pane_init($type = 'multiple', array('idBtn3' => array('title' => 'B', 'value' => '<b>B</b>'), 'idBtn4' => array('title' => 'I', 'value' => '<i>I</i>'), 'idBtn5' => array('title' => 'U', 'value' => '<u>U</u>')));
?>
<?php
echo ui_button_pane_end();
?>
</fieldset>
<?php
/*
* Add jQuery support to the buttons above
* **click event**
*/
echo add_jquery_support("#btnDetroySelectable", 'click', like_function(ui_selectable_destroy('#selectable')));
echo add_jquery_support("#btnBuildSelectable", 'click', like_function(ui_selectable_build('#selectable')));
echo add_jquery_support("#btnDisableSelectable", 'click', like_function(ui_selectable_disable('#selectable')));
echo add_jquery_support("#btnEnableSelectable", 'click', like_function(ui_selectable_enable('#selectable')));
echo add_jquery_support("#btnGetSelectableOption", 'click', like_function("getOption()"));
echo add_jquery_support("#btnSetSelectableOption", 'click', like_function("setOption()"));
?>
<script type="text/javascript" language="javascript">
function getOption(){
option = <?php
echo ui_selectable_get_option('#selectable', 'delay');
?>
alert('The selectable delay is ' + option);
}
function setOption(){
<?php
echo ui_selectable_set_options('#selectable', array('delay' => 1000));
?>
alert('Now the selectable delay is 1 sec (1000 milliseconds).');
}
</script>
* Add jQuery support to the buttons above
* **click event**
*/
echo add_jquery_support("#btnDestroyTabs", 'click', like_function(ui_tabs_destroy_panel('#tabPanelId')));
echo add_jquery_support("#btnBuildTabs", 'click', like_function(ui_tabs_build_panel('#tabPanelId')));
echo add_jquery_support("#btnSortableTabs", 'click', like_function(ui_tabs_sortable('#tabPanelId')));
echo add_jquery_support("#btnCountTabs", 'click', like_function('getTabsCount()'));
echo add_jquery_support("#btnDisableTab", 'click', like_function(ui_tabs_disable('#tabPanelId', 1)));
echo add_jquery_support("#btnEnableTab", 'click', like_function(ui_tabs_enable('#tabPanelId', 1)));
echo add_jquery_support("#btnRemoveTab", 'click', like_function(ui_tabs_remove('#tabPanelId', 0)));
echo add_jquery_support("#btnAddTab", 'click', like_function(ui_tabs_add('#tabPanelId', url_for('jqueryui_demo/progressbar'), 'Another tab', 3)));
echo add_jquery_support("#btnSelectTab", 'click', like_function(ui_tabs_select('#tabPanelId', 1)));
echo add_jquery_support("#btnSetOption", 'click', like_function('setTabOption()'));
echo add_jquery_support("#btnGetOption", 'click', like_function('getTabOption()'));
echo add_jquery_support("#btnInitRotate", 'click', like_function(ui_tabs_rotate('#tabPanelId', 3)));
echo add_jquery_support("#btnEndRotate", 'click', like_function(ui_tabs_rotate('#tabPanelId', 0)));
?>
<script type="text/javascript" language="javascript">
function getTabsCount(){
tabsCountVal = <?php
echo ui_tabs_length('#tabPanelId');
?>
alert('Number of tabs ' + tabsCountVal);
}
function getTabOption(){
option = <?php
echo ui_tabs_get_option('#tabPanelId', 'event');
?>
alert('The accordion event is ' + option);
/**
* Util function for open dialog
* @param string $event The event opens
* @param string $listener The jQuery Selector event listener
* @param string $dialogId The Dialog Id
* @param boolean $isInternal if the helper is executed within a javascript function
*/
function ui_dialog_open_on_event($event, $listener, $dialogId, $isInternal = false)
{
if ($isInternal) {
return jquery_support($listener, $event, like_function(ui_dialog_open($dialogId)));
} else {
return add_jquery_support($listener, 'click', like_function(ui_dialog_open($dialogId)));
}
}
/**
* Disable to select a section
* @param string $selector jQuery Selector
*/
function ui_disable_selection($selector, $isInternal = false)
{
if ($isInternal) {
return jquery_support($selector, 'disableSelection');
} else {
return add_jquery_support($selector, 'disableSelection');
}
}
/**
* Localize the datepicker calendar language and format
* (English / Western formatting is the default).
* The datepicker includes built-in support for languages that read right-to-left,
* such as Arabic and Hebrew.
* @param string $selector jQuery Selector
* @param string $i18n The language ('es', 'en', 'fr' ...)
* @param boolean $isInternal if the helper is executed within a javascript function
* @return <type>
*/
function ui_datepicker_regional($selector, $i18n, $isInternal = true)
{
$pattern = sprintf(core_get_jquery_var() . ".datepicker.regional['%s']", $i18n);
if ($isInternal) {
return jquery_support($selector, 'datepicker', "'option' , {$pattern}");
} else {
return add_jquery_support($selector, 'datepicker', "'option' , {$pattern}");
}
}
</div>
<?php
echo ui_button_pane_init($type = 'single', array('btnExecuteSwitchClass' => array('value' => 'Execute Switch Class Effect')));
echo ui_button_pane_end();
?>
<?php
echo ui_effects_switch_class('#testSwitchClass', array('listener' => array('selector' => '#btnExecuteSwitchClass', 'event' => 'click'), 'remove' => 'ui-widget-content', 'add' => 'ui-widget-header', 'duration' => 'slow'));
?>
<br><br><br>
<?php
echo add_jquery_support('document', 'ready', like_function(jquery_toggle_event('#btnAnimate', array(like_function(jquery_execute_effect('.divToAnimate', 'animate', array('options' => array('backgroundColor' => '#aa0000', 'color' => '#fff', 'width' => 500), 'speed' => 1000))), like_function(jquery_execute_effect('.divToAnimate', 'animate', array('options' => array('backgroundColor' => '#fff', 'color' => '#000', 'width' => 240), 'speed' => 1000)))))));
?>
<div class="divToAnimate" style="width:250px">
<br>
<p>Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
</p>
<br>
</div>
<br>
<?php
echo ui_button_pane_init($type = 'single', array('btnAnimate' => array('value' => 'Animate')));
echo ui_button_pane_end();
?>
echo ui_end_content_panel();
?>
</div><!-- End demo -->
<div class="demo-description">
<p>Combine horizontal and vertical sliders, each with their own options, to create the UI for a music player.</p>
</div><!-- End demo-description -->
<fieldset><legend>Example - Actions buttons for ui.slider</legend>
<?php
echo ui_button_pane_init($type = 'single', array('btnDestroySlider' => array('value' => 'Destroy Slider'), 'btnDisableSlider' => array('value' => 'Disable Slider'), 'btnEnableSlider' => array('value' => 'Enable Slider'), 'btnSetValueSlider' => array('value' => 'Set Slider1 value = 50'), 'btnSetValuesSlider' => array('value' => 'set Slider2[0] value = 15')));
?>
<?php
echo ui_button_pane_end();
?>
</fieldset>
<?php
/*
* Add jQuery support to the buttons above
* **click event**
*/
echo add_jquery_support("#btnDestroySlider", 'click', like_function(ui_slider_destroy('#slider1')));
echo add_jquery_support("#btnDisableSlider", 'click', like_function(ui_slider_disable('#slider1')));
echo add_jquery_support("#btnEnableSlider", 'click', like_function(ui_slider_enable('#slider1')));
echo add_jquery_support("#btnSetValueSlider", 'click', like_function(ui_slider_value('#slider1', 50)));
echo add_jquery_support("#btnSetValuesSlider", 'click', like_function(ui_slider_values('#slider2', 0, 15)));
?>
<br>
<?php
echo link_to('jquery UI (slider) documentation', 'http://jqueryui.com/demos/slider');
echo ui_button_pane_end();
?>
</fieldset>
<?php
/*
* Add jQuery support to the buttons above
* **click event**
*/
echo add_jquery_support("#btnDestroyAccordion", 'click', like_function(ui_accordion_destroy('#accordionId')));
echo add_jquery_support("#btnBuildAccordion", 'click', like_function(ui_accordion_build('#accordionId', array('event' => 'mouseover'))));
echo add_jquery_support("#btnDisableAccordion", 'click', like_function(ui_accordion_disable('#accordionId')));
echo add_jquery_support("#btnEnableAccordion", 'click', like_function(ui_accordion_enable('#accordionId')));
echo add_jquery_support("#btnActivateAccordion", 'click', like_function(ui_accordion_activate('#accordionId', 0)));
echo add_jquery_support("#btnGetAccordionOption", 'click', like_function("getAccordionOption()"));
echo add_jquery_support("#btnSetAccordionOption", 'click', like_function("setAccordionOption()"));
?>
<script type="text/javascript" language="javascript">
function getAccordionOption(){
option = <?php
echo ui_accordion_get_option('#accordionId', 'event');
?>
alert('The accordion event is ' + option);
}
function setAccordionOption(){
<?php
echo ui_accordion_set_options('#accordionId', array('collapsible' => true));
?>
alert('Now sections can be closed');
}
</script>
<h3>One event - example</h3>
<input type="button" value="One event" id="btnOneClick">
<?php
echo add_jquery_support('document', 'ready', like_function(jquery_one_event('#btnOneClick', 'click', like_function('alert( "Only " + $(this).val() );'))));
?>
<br>
<hr>
<h3>Trigger - example</h3>
<input type="button" value="Trigger Submit Form" id="btnTriggerClick">
<?php
echo add_jquery_support('#btnTriggerClick', 'click', like_function(jquery_trigger_event('#myForm', 'submit')));
?>
<hr>
<h3>Basic Ajax Form - Example</h3>
<form id="myForm" action="#">
<label>Name: </label><input value="Rich" name="txtName" id="txtName" />
<label>Lastname: </label><input value="Symfony" name="txtLastname" id="txtLastname" />
<label>Gender: </label>
<select id="cboGender" name="cboGender">
<option value="M">M</option>
<option value="F">F</option>
</select>
<br>
Magazine:
/**
*
* @param string $bodyFuntion The javascript body function
* @param string $arguments The javascript arguments function
* @return string javascript syntax
*/
function return_jquery($configurations, $sintax)
{
$finalSintax = $sintax;
if (is_array($configurations) && isset($configurations['listener'])) {
$listener = $configurations['listener'];
if ((isset($listener['event']) || isset($listener['oneEvent'])) && isset($listener['selector'])) {
$listener['event'] = isset($listener['oneEvent']) ? $listener['oneEvent'] : $listener['event'];
$finalSintax = '';
if (isset($listener['oneEvent'])) {
if (isset($listener['before'])) {
$finalSintax .= jquery_execute(jquery_one_event($listener['selector'], $listener['event'], $listener['before']));
}
$finalSintax .= jquery_execute(jquery_one_event($listener['selector'], $listener['event'], like_function($sintax)));
if (isset($listener['after'])) {
$finalSintax .= jquery_execute(jquery_one_event($listener['selector'], $listener['event'], $listener['after']));
}
} else {
if (isset($listener['before'])) {
$finalSintax .= add_jquery_support($listener['selector'], $listener['event'], $listener['before']);
}
$finalSintax .= add_jquery_support($listener['selector'], $listener['event'], like_function($sintax));
if (isset($listener['after'])) {
$finalSintax .= add_jquery_support($listener['selector'], $listener['event'], $listener['after']);
}
}
}
}
return $finalSintax;
}
<?php
echo ui_button_pane_end();
?>
</fieldset>
<?php
/*
* Add jQuery support to the buttons above
* **click event**
*/
echo add_jquery_support("#btnDestroyDrag", 'click', like_function(ui_draggable_destroy('#draggable')));
echo add_jquery_support("#btnBuildDrag", 'click', like_function(ui_draggable_build('#draggable')));
echo add_jquery_support("#btnDisableDrag", 'click', like_function(ui_draggable_disable('#draggable')));
echo add_jquery_support("#btnEnableDrag", 'click', like_function(ui_draggable_enable('#draggable')));
echo add_jquery_support("#btnSetDragOption", 'click', like_function("setOption()"));
echo add_jquery_support("#btnGetDragOption", 'click', like_function("getOption()"));
?>
<script type="text/javascript" language="javascript">
function getOption(){
option = <?php
echo ui_draggable_get_option('#draggable', 'axis');
?>
alert('The draggable axis value is: ' + option);
}
function setOption(){
option = <?php
echo ui_draggable_set_options('#draggable', array('axis' => 'x'));
?>
alert('Now the axis is only horizontal');
}
</fieldset>
<?php
/*
* Add jQuery support to the buttons above
* **click event**
*/
echo add_jquery_support("#btnDestroyDialog", 'click', like_function(ui_dialog_destroy('#anotherDialog')));
echo add_jquery_support("#btnBuildDialog", 'click', like_function(ui_dialog_build('#anotherDialog', array('title' => 'What is Lorem ipsum?'))));
echo add_jquery_support("#btnDisableDialog", 'click', like_function(ui_dialog_disable('#anotherDialog')));
echo add_jquery_support("#btnEnableDialog", 'click', like_function(ui_dialog_enable('#anotherDialog')));
echo add_jquery_support("#btnCloseDialog", 'click', like_function(ui_dialog_close('#anotherDialog')));
echo add_jquery_support("#btnOpenDialog", 'click', like_function(ui_dialog_open('#anotherDialog')));
echo add_jquery_support("#btnMoveToTopDialog", 'click', like_function(ui_dialog_move_to_top('#anotherDialog')));
echo add_jquery_support("#btnIsOpenDialog", 'click', like_function('isOpenDialog()'));
?>
<script type="text/javascript" language="javascript">
function isOpenDialog(){
var isOpen = <?php
echo ui_dialog_is_open('#anotherDialog');
?>
;
if(isOpen){
alert('is open = true');
}else{
alert('is open = false');
}
}
</script>
/**
* Shows the progress in the progressbar.
* @param string $selector jQuery Selector
* @param integer $delay Delay in seconds. Default 5 sec.
*/
function ui_progressbar_init_animation_now($selector, $delay = 5)
{
$percentageChar = '%';
$pattern = _ui_progressbar_animation_pattern();
return add_jquery_support($selector, 'ready', like_function(sprintf($pattern, $selector, $percentageChar, $delay)));
}
<input type="button" id="btnGo" value="Go" />
<input type="button" id="btnStop" value="Stop" />
<input type="button" id="btnBack" value="Back" />
<?php
echo add_jquery_support('#btnGo', 'click', like_function(jquery_execute_effect('.block', 'animate', array('options' => array('left' => "+=100px"), 'speed' => 2000))));
?>
<?php
echo add_jquery_support('#btnStop', 'click', like_function(jquery_execute_effect('.block', 'stop')));
?>
<?php
echo add_jquery_support('#btnBack', 'click', like_function(jquery_execute_effect('.block', 'animate', array('options' => array('left' => "-=100px"), 'speed' => 2000))));
?>
<div class="block" style="background-color:#AABBCC;height:60px;left:0;margin:5px;position:absolute;width:60px;">
<br>
</div>
<br>
<br>
Test 4 (Remote Data):
<input type="text" id="suggest4" />
<?php
echo jquery_autocomplete_support_to('#suggest4', array('url' => url_for('jquery_demo/autocompleteData'), 'extraParams' => array('dataTypeParam' => 'items'), 'formatItem' => like_function('return row[0] + " (<strong>id: " + row[1] + "</strong>)"', 'row'), 'formatResult' => like_function('return row[0].replace(/(<.+?>)/gi, "")', 'row')));
?>
<br>
<br>
Test 5 (Remote Data [images from bassistance.de]):
<input type="text" id="suggest5" />
<?php
echo jquery_autocomplete_support_to('#suggest5', array('focus' => true, 'url' => url_for('jquery_demo/autocompleteImageData'), 'width' => 500, 'max' => 4, 'highlight' => false, 'scroll' => true, 'scrollHeight' => 300, 'formatItem' => like_function("return '<img width=\"92\" height=\"65\" src=\"http://jquery.bassistance.de/autocomplete/demo/images/' + value + '\" /> ' + value.split('.')[0];", 'data, i, n, value'), 'formatResult' => like_function('return value.split(".")[0];', 'data, value')));
?>
<br>
<br>
<?php
echo jquery_autocomplete_input_tag(array('id' => 'suggest6', 'label' => 'Test 1 (Local Data [Tags]): | jquery_autocomplete_input_tag()', 'data' => '["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "pearl"]', 'width' => 500, 'max' => 4, 'highlight' => false, 'scroll' => true, 'scrollHeight' => 300));
?>
<input type="button" value="Unautocomplete" id="btnUnAutocomplete" />
<?php
echo add_jquery_support('#btnUnAutocomplete', 'click', like_function(jquery_unautocomplete('#suggest6')));
?>
<br>
<br>
<br>
<?php
echo link_to('jQuery Autocomplete documentation', 'http://docs.jquery.com/Plugins/Autocomplete');
?>
</div>
<?php
echo ui_button_pane_end();
?>
</fieldset>
<?php
/*
* Add jQuery support to the buttons above
* **click event**
*/
echo add_jquery_support("#btnDestroyProgressbar", 'click', like_function(ui_progressbar_destroy('#progressbar')));
echo add_jquery_support("#btnDisableProgressbar", 'click', like_function(ui_progressbar_disable('#progressbar')));
echo add_jquery_support("#btnEnableProgressbar", 'click', like_function(ui_progressbar_enable('#progressbar')));
echo add_jquery_support("#btnSetValueProgressbar", 'click', like_function('changeValue()'));
echo add_jquery_support("#btnGetValueProgressbar", 'click', like_function('getValue()'));
echo add_jquery_support("#btnAnimateProgressbar", 'click', like_function(ui_progressbar_animate('#progressbar2', 5)));
?>
<script type="text/javascript" language="javascript">
function changeValue(){
value = Math.ceil(Math.random() * 99);
<?php
echo ui_progressbar_set_value('#progressbar', 'value');
?>
<?php
echo jquery_support('#lblValue', 'html', "value + '%'");
?>
}
function getValue(){
value = <?php
* Add jQuery support to the buttons above
* **click event**
*/
echo add_jquery_support("#btnDestroyDatepicker", 'click', like_function(ui_datepicker_destroy('#listenerDatepicker')));
echo add_jquery_support("#btnBuildDatepicker", 'click', like_function(ui_datepicker_build('#datepickerDiv')));
echo add_jquery_support("#btnDisableDatepicker", 'click', like_function(ui_datepicker_disable('#listenerDatepicker')));
echo add_jquery_support("#btnEnableDatepicker", 'click', like_function(ui_datepicker_enable('#listenerDatepicker')));
echo add_jquery_support("#btnSetDatepickerOption", 'click', like_function("setDatepickerOption()"));
echo add_jquery_support("#btnGetDatepickerOption", 'click', like_function("getDatepickerOption()"));
echo add_jquery_support("#btnIsDisabledDatepicker", 'click', like_function("isDisabled()"));
echo add_jquery_support("#btnHideDatepicker", 'click', like_function(ui_datepicker_hide('#listenerDatepicker')));
echo add_jquery_support("#btnShowDatepicker", 'click', like_function(ui_datepicker_show('#listenerDatepicker')));
echo add_jquery_support("#btnGetDatepickerDate", 'click', like_function('getDate()'));
echo add_jquery_support("#btnSetDatepickerDate", 'click', like_function('setDate()'));
echo add_jquery_support("#btnDialogDatepicker", 'click', like_function(ui_datepicker_dialog('#listenerDatepicker', 'dateText', null, array(), array(600, 1))));
echo add_jquery_support("#btnl18nDatepicker", 'click', like_function(ui_datepicker_regional('#listenerDatepicker', 'es')));
?>
<script type="text/javascript" language="javascript">
function getDatepickerOption(){
option = <?php
echo ui_datepicker_get_option('#listenerDatepicker', 'dateFormat');
?>
alert('The datepicker dateFormat is: ' + option);
}
function setDatepickerOption(){
<?php
echo ui_datepicker_set_options('#listenerDatepicker', array('showButtonPanel' => true, 'dateFormat' => 'DD/MM/yy'));
?>
alert('Now the datepicker show the Button Panel');
}
