Login   Register  
PHP Classes
elePHPant
Icontem

File: index.php

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Classes of Jacek Lukasiewicz  >  jQueryUI PHP wrapper  >  index.php  >  Download  
File: index.php
Role: Example script
Content type: text/plain
Description: Example using
Class: jQueryUI PHP wrapper
Generate HTML for pages using jQuery UI widgets
Author: By
Last change:
Date: 3 years ago
Size: 4,022 bytes
 

Contents

Class file image Download
<?php 
/*
  ---EN----
  This set of classes allows you to easily use jQuery UI widgets using PHP without the use of JavaScript.
  This Class allows you to create widget with default parameters. For example, simply create a slider:
          $slider = UiWidget::getWidget('slider');
  
  Allows you to define options for each of them:
        $slider->setOption('max', 50);
        $slider->setOption('value', 30);
   It is also possible to use the events offered by each of the widgets:
           $slider->addEventHandler('slide', 'slideHndlr'); //where 'slide' is widget event and 'slideHndlr' your JS function
        $slider->addEventHandler('stop', 'stopHndlr');
    ... and methods:
      $slider->runMethod('disable');
      
To display the widget you just write:
   echo $ slider
 and ready:)
 
 For more examples, see below.
 
  ----PL-----
 Ten zestaw klas pozwala na wykorzystywanie w prosty sposób widgetów jquery UI z poziomu PHP bez użycia JavaScript.
  Klasa umożliwia utworzenie widgetu z domyślnymi parametrami
  np utworzenie slidera wystarczy: 
      $slider = UiWidget::getWidget('slider');
  Pozwala na definiowanie opcji dla każdego z nich:
      $slider->setOption('max', 50);
    $slider->setOption('value', 30);
  Możliwe jest również wykorzystanie zdarzeń oferowanych przez każdy z widgetów:
        $slider->addEventHandler('slide', 'slideHndlr'); //gdzie slide to event a slideHndlr to twoja funkcja
        $slider->addEventHandler('stop', 'stopHndlr');  
  Aby wyświetlić widget po prostu napisz:
       echo $slider
 i gotowe :) 
 
 Więcej przykładów poniżej.

 */
?>
<?php
require 'uiWidget.php'
$loremIpsum 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has';
?>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>PHP jQuery UI wrapper</title>
        <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.12.custom.css" rel="stylesheet" />    
        <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.12.custom.min.js"></script>
    </head>
    <body>
    <div style="width: 600px; margin: 20px 120px auto;">
    <?php 
        
        $button 
UiWidget::getWidget('button');
        
        
$buttonLink UiWidget::getWidget('button_link');
        
$buttonLink->anchor 'http://www.wp.pl/';
        
$buttonLink->setOption('label''"Link button"');

        
$buttonSubmit UiWidget::getWidget('button_submit');
                
        
$slider UiWidget::getWidget('slider');
        
$slider->setOption('max'50);
        
$slider->setOption('value'30);
        
$slider->addEventHandler('slide''slideHndlr');
        
$slider->addEventHandler('stop''stopHndlr');        
        
        
$datepicker UiWidget::getWidget('datepicker');
        
        
$dialog UiWidget::getWidget('dialog');
        
$dialog->setOption('autoOpen''false');
        
$dialog->setOption('draggable''true');
        
$dialog->setTitle('Dialog title');
        
$dialog->setText($loremIpsum);
        
        
    
?>    
        <table>
            <tr><td style="width: 200px;">Button (&lt;button&gt;)</td><td><?php echo $button?></td></tr>
            <tr><td>Button (&lt;input type="submit" &gt;)</td><td><?php echo $buttonSubmit?></td></tr>
            <tr><td>Button (link)</td><td><?php echo $buttonLink?></td></tr>
            <tr><td>Slider with events</td><td><?php echo $slider?><input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" /></td></tr>
            <tr><td>DatePicker</td><td><?php echo $datepicker?></td></tr>
            <tr><td>Dialog</td><td><a href="#" id="opener">Open dialog</a><?php echo $dialog?></td></tr>
        </table>
        
        
        
        
    
    
    
    </div>
    <script>
        function slideHndlr( event, ui ) {
            $( "#amount" ).val( "Value" + ui.value );
        }
        
        function stopHndlr( event, ui ) {
            $( "#amount" ).css('color', 'gray');
        }        

        $(function() {
            $( "#opener" ).click(function() {
                $( "#<?php print $dialog->id(); ?>" ).dialog( "open" );
                return false;
            });
        });
            
    </script>    
    </body>
</html>