/** * * @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'); }