diff options
| author | cash <cash@36083f99-b078-4883-b0ff-0f9b5a30f544> | 2011-01-22 20:33:28 +0000 |
|---|---|---|
| committer | cash <cash@36083f99-b078-4883-b0ff-0f9b5a30f544> | 2011-01-22 20:33:28 +0000 |
| commit | 8423cda014c6aee9fb3a3f7ebe78bc0465e7355f (patch) | |
| tree | e1baa523308221d33908e4ea4014191ade8d5d66 /mod/pages/vendors/jquery-treeview/demo/async.html | |
| parent | cec8a4f34681d4c2a43e0c07de0a68bc22f1b558 (diff) | |
| download | elgg-8423cda014c6aee9fb3a3f7ebe78bc0465e7355f.tar.gz elgg-8423cda014c6aee9fb3a3f7ebe78bc0465e7355f.tar.bz2 | |
finished the first pass on the pages plugin for using the new HTML/CSS
git-svn-id: http://code.elgg.org/elgg/trunk@7904 36083f99-b078-4883-b0ff-0f9b5a30f544
Diffstat (limited to 'mod/pages/vendors/jquery-treeview/demo/async.html')
| -rw-r--r-- | mod/pages/vendors/jquery-treeview/demo/async.html | 91 |
1 files changed, 91 insertions, 0 deletions
diff --git a/mod/pages/vendors/jquery-treeview/demo/async.html b/mod/pages/vendors/jquery-treeview/demo/async.html new file mode 100644 index 000000000..da6fe667d --- /dev/null +++ b/mod/pages/vendors/jquery-treeview/demo/async.html @@ -0,0 +1,91 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+ <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
+ <title>jQuery async treeview</title>
+
+ <link rel="stylesheet" href="../jquery.treeview.css" /> + <link rel="stylesheet" href="../red-treeview.css" /> + <link rel="stylesheet" href="screen.css" /> + + <script src="../lib/jquery.js" type="text/javascript"></script> + <script src="../lib/jquery.cookie.js" type="text/javascript"></script> + <script src="../jquery.treeview.js" type="text/javascript"></script>
+ <script src="../jquery.treeview.edit.js" type="text/javascript"></script>
+ <script src="../jquery.treeview.async.js" type="text/javascript"></script> +
+ <script type="text/javascript">
+ function initTrees() {
+ $("#black").treeview({
+ url: "source.php"
+ })
+
+ $("#mixed").treeview({
+ url: "source.php",
+ // add some additional, dynamic data and request with POST
+ ajax: {
+ data: {
+ "additional": function() {
+ return "yeah: " + new Date;
+ }
+ },
+ type: "post"
+ }
+ });
+ }
+ $(document).ready(function(){
+ initTrees();
+ $("#refresh").click(function() {
+ $("#black").empty();
+ $("#mixed").empty();
+ initTrees();
+ });
+ });
+ </script>
+
+ </head>
+ <body>
+
+ <h1 id="banner"><a href="http://bassistance.de/jquery-plugins/jquery-plugin-treeview/">jQuery Treeview Plugin</a> Demo</h1>
+ <div id="main"> + + <ul> + <li><a href=".">Main Demo</a></li> + <li><a href="source.phps">Server component used</a></li> + </ul>
+
+ <h4>Lazy-loading tree</h4>
+
+ <ul id="black">
+ </ul>
+
+ <h4>Mixed pre and lazy-loading</h4>
+
+ <ul id="mixed">
+ <li><span>Item 1</span>
+ <ul>
+ <li><span>Item 1.0</span>
+ <ul>
+ <li><span>Item 1.0.0</span></li>
+ </ul>
+ </li>
+ <li><span>Item 1.1</span></li>
+ </ul>
+ </li>
+ <li id="36" class="hasChildren">
+ <span>Item 2</span>
+ <ul>
+ <li><span class="placeholder"> </span></li>
+ </ul>
+ </li>
+ <li>
+ <span>Item 3</span>
+ </li>
+ </ul>
+
+ <button id="refresh">Refresh both Trees</button>
+
+</div>
+
+</body></html>
\ No newline at end of file |