jquery-ui/demos/index.html
2008-12-29 16:53:50 +00:00

94 lines
3.2 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 } ?>
<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($_GET['load'])) {
//Preload the demo page here
echo $_GET['load'];
} 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 } ?>