github/jquery-ui
1
1
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2026-01-30 06:27:57 -05:00
Code Issues Packages Projects Releases Wiki Activity

demos/index.html added php integration code. for speed i'm using an iframe with fixed width/height for now. [needs refactoring]

Browse Source
This commit is contained in:
Ca-Phun Ung
2008-12-29 19:17:34 +00:00
parent 57ae44eeca
commit 7012495261
1 changed files with 21 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
demos/index.html
View File

@@ -17,9 +17,25 @@
<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">
@@ -67,16 +83,13 @@
<td class="normal">
<div class="normal">
<?php
if(isset($_GET['load'])) {
//Preload the demo page here
echo $_GET['load'];
} else {
<?php if(isset($plain) && isset($_GET['load'])) {
echo html_entity_decode('&lt;h1&gt;'. $_GET['load'] .'&lt;/h1&gt;');
include($section .'/index.html');
echo html_entity_decode('&lt;iframe id="preview" name="preview" src="/'. $section .'/default.html" width="500" height="300" border="0" frameborder="0" style="overflow:auto"&gt;&lt;/iframe&gt;');
} 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.