mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-11-21 11:04:24 +00:00
107 lines
3.8 KiB
HTML
107 lines
3.8 KiB
HTML
<?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">
|
|
<?php printf ('var section = "%s";', $section); ?>
|
|
jQuery(function($){
|
|
$('dl.nav a').each(function(){
|
|
this.setAttribute('href', '/' + section + '/' + this.getAttribute('href'));
|
|
$(this).attr('target', 'preview');
|
|
});
|
|
});
|
|
</script>
|
|
<?php } ?>
|
|
|
|
<table cellspacing="0" cellpadding="0" class="layout-grid" id="functional">
|
|
<tr>
|
|
<td class="left-nav">
|
|
<div class="section" style="border:0; width:155px;">
|
|
<p class="side-menu-title">Interactions</p>
|
|
<div id="links" class="normal" style="width:100%;">
|
|
<ul class="component-links">
|
|
<li><a href="draggable/index.html">Draggable</a></li>
|
|
<li><a href="droppable/index.html">Droppable</a></li>
|
|
<li><a href="resizable/index.html">Resizable</a></li>
|
|
<li><a href="selectable/index.html">Selectable</a></li>
|
|
<li><a href="sortable/index.html">Sortable</a></li>
|
|
</ul>
|
|
</div>
|
|
<br style="clear:both;">
|
|
</div>
|
|
<div class="section" style="border:0;">
|
|
<p class="side-menu-title">Widgets</p>
|
|
<div id="links" class="normal">
|
|
<ul class="component-links">
|
|
<li><a href="accordion/index.html">Accordion</a></li>
|
|
<li><a href="datepicker/index.html">Datepicker</a></li>
|
|
<li><a href="dialog/index.html">Dialog</a></li>
|
|
<li><a href="progressbar/index.html">Progressbar</a></li>
|
|
<li><a href="slider/index.html">Slider</a></li>
|
|
<li><a href="tabs/index.html">Tabs</a></li>
|
|
</ul>
|
|
</div>
|
|
<br style="clear:both;">
|
|
</div>
|
|
<div class="section" style="border:0;">
|
|
<p class="side-menu-title">Effects</p>
|
|
<div id="links" class="normal">
|
|
<ul class="component-links">
|
|
<li><a href="#">Easing</a></li>
|
|
<li><a href="#">General</a></li>
|
|
<li><a href="#">Show/Hide</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<br style="clear:both;">
|
|
<br style="clear:both;">
|
|
</div>
|
|
</td>
|
|
<td class="normal">
|
|
|
|
<div class="normal">
|
|
|
|
<?php if(isset($plain) && isset($_GET['load'])) {
|
|
echo html_entity_decode('<h1>'. $_GET['load'] .'</h1>');
|
|
include($section .'/index.html');
|
|
echo html_entity_decode('<iframe id="preview" name="preview" src="/'. $section .'/default.html" width="500" height="300" 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 } ?>
|