2008-12-30 04:16:51 +00:00
<?php if(!isset($plain)) { ?>
<!doctype html>
< html lang = "en" >
< head >
< title > jQuery UI Demos< / title >
< link type = "text/css" href = "demos.css" rel = "stylesheet" / >
< script type = "text/javascript" src = "../jquery-1.2.6.js" > < / script >
< script type = "text/javascript" src = "../ui/ui.core.js" > < / script >
< script type = "text/javascript" src = "../ui/ui.accordion.js" > < / script >
< script type = "text/javascript" src = "../ui/ui.datepicker.js" > < / script >
< script type = "text/javascript" src = "../ui/ui.dialog.js" > < / script >
< script type = "text/javascript" src = "../ui/ui.draggable.js" > < / script >
< script type = "text/javascript" src = "../ui/ui.droppable.js" > < / script >
< script type = "text/javascript" src = "../ui/ui.progressbar.js" > < / script >
< script type = "text/javascript" src = "../ui/ui.resizable.js" > < / script >
< script type = "text/javascript" src = "../ui/ui.selectable.js" > < / script >
< script type = "text/javascript" src = "../ui/ui.slider.js" > < / script >
< script type = "text/javascript" src = "../ui/ui.sortable.js" > < / script >
< script type = "text/javascript" src = "../ui/ui.tabs.js" > < / script >
< / head >
< body >
< ?php } else {
$base = 'repository/trunk/demos/';
$section = $base . $_GET['load'];
?>
< script type = "text/javascript" >
var section;
<?php printf ('section = "%s";', $section); ?>
section & & jQuery(function($){
$('dl.nav a').each(function(){
this.setAttribute('href', '/' + section + '/' + this.getAttribute('href'));
$(this).attr('target', 'preview');
});
});
< / script >
<?php } ?>
< table class = "layout-grid" cellspacing = "0" cellpadding = "0" >
< tr >
< td class = "left-nav" >
< dl class = "demos-nav" >
< dt > Interactions< / dt >
< dd > < a href = "draggable/index.html" > Draggable< / a > < / dd >
< dd > < a href = "droppable/index.html" > Droppable< / a > < / dd >
< dd > < a href = "resizable/index.html" > Resizable< / a > < / dd >
< dd > < a href = "selectable/index.html" > Selectable< / a > < / dd >
< dd > < a href = "sortable/index.html" > Sortable< / a > < / dd >
< dt > Widgets< / dt >
< dd > < a href = "accordion/index.html" > Accordion< / a > < / dd >
< dd > < a href = "datepicker/index.html" > Datepicker< / a > < / dd >
< dd > < a href = "dialog/index.html" > Dialog< / a > < / dd >
< dd > < a href = "progressbar/index.html" > Progressbar< / a > < / dd >
< dd > < a href = "slider/index.html" > Slider< / a > < / dd >
< dd > < a href = "tabs/index.html" > Tabs< / a > < / dd >
< dt > Effects< / dt >
< dd > < a href = "#" > Easing< / a > < / dd >
< dd > < a href = "#" > General< / a > < / dd >
< dd > < a href = "#" > Show/Hide< / a > < / dd >
< / dl >
< / td >
< td class = "normal" >
< div class = "normal" >
< ?php if(isset($plain) & & isset($_GET['load'])) {
echo html_entity_decode('< h3> '. $_GET['load'] .'< /h3> ');
include($section .'/index.html');
echo html_entity_decode('< iframe id="preview" name="preview" src="/'. $section .'/default.html" width="520" height="314" border="0" frameborder="0" style="overflow:auto"> < /iframe> ');
} else { ?>
< h3 > Instructions< / h3 >
< p >
The functional demos are provided to give users an idea of how jQuery UI works. You only need to copy and paste code from the demos. Have fun playing with it.
< / p >
<?php } ?>
< / div >
< / td >
< / tr >
< / table >
<?php if(!isset($plain)) { ?>
< / body >
< / html >
<?php } ?>
