| [ Index ] |
PHP Cross Reference of Drupal 6 (gatewave) |
[Summary view] [Print] [Text view]
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <title>jQuery UI - Functional demos</title> 5 <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 6 7 <meta name="keywords" content="jquery,user interface,ui,widgets,interaction,javascript" /> 8 <meta name="description" content="jQuery UI is jQuery's user interface library that comes with many widgets, interaction modules and themes." /> 9 <meta name="author" content="Paul Bakaus" /> 10 11 <link rel="shortcut icon" href="images/favicon.ico" /> 12 <link rel="icon" href="images/favicon.ico" type="image/x-icon" /> 13 14 15 <link rel="stylesheet" href="css/base.css" type="text/css" media="screen"> 16 <link rel="stylesheet" href="css/functional_demos.css" type="text/css" media="screen"> 17 <link rel="stylesheet" href="css/chilli-recipes.css" type="text/css" media="screen"> 18 <link rel="stylesheet" href="../../themes/default/ui.all.css" type="text/css" /> 19 20 <script type="text/javascript" src="../../jquery-1.2.6.js"></script> 21 22 <script type="text/javascript" src="../../ui/ui.core.js"></script> 23 <script type="text/javascript" src="../../ui/ui.accordion.js"></script> 24 <script type="text/javascript" src="../../ui/ui.datepicker.js"></script> 25 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-ar.js"></script> 26 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-bg.js"></script> 27 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-ca.js"></script> 28 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-cs.js"></script> 29 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-da.js"></script> 30 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-de.js"></script> 31 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-eo.js"></script> 32 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-es.js"></script> 33 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-fa.js"></script> 34 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-fi.js"></script> 35 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-fr.js"></script> 36 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-he.js"></script> 37 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-hr.js"></script> 38 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-hu.js"></script> 39 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-hy.js"></script> 40 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-id.js"></script> 41 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-is.js"></script> 42 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-it.js"></script> 43 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-ja.js"></script> 44 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-ko.js"></script> 45 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-lt.js"></script> 46 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-lv.js"></script> 47 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-nl.js"></script> 48 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-no.js"></script> 49 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-pl.js"></script> 50 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-pt-BR.js"></script> 51 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-ro.js"></script> 52 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-ru.js"></script> 53 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-sk.js"></script> 54 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-sl.js"></script> 55 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-sq.js"></script> 56 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-sv.js"></script> 57 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-th.js"></script> 58 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-tr.js"></script> 59 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-uk.js"></script> 60 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-zh-CN.js"></script> 61 <script type="text/javascript" src="../../ui/i18n/ui.datepicker-zh-TW.js"></script> 62 <script type="text/javascript" src="../../ui/ui.dialog.js"></script> 63 <script type="text/javascript" src="../../ui/ui.draggable.js"></script> 64 <script type="text/javascript" src="../../ui/ui.droppable.js"></script> 65 <script type="text/javascript" src="../../ui/ui.resizable.js"></script> 66 <script type="text/javascript" src="../../ui/ui.selectable.js"></script> 67 <script type="text/javascript" src="../../ui/ui.slider.js"></script> 68 <script type="text/javascript" src="../../ui/ui.sortable.js"></script> 69 <script type="text/javascript" src="../../ui/ui.tabs.js"></script> 70 <script type="text/javascript" src="../../ui/effects.core.js"></script> 71 <script type="text/javascript" src="../../ui/effects.blind.js"></script> 72 <script type="text/javascript" src="../../ui/effects.bounce.js"></script> 73 <script type="text/javascript" src="../../ui/effects.clip.js"></script> 74 <script type="text/javascript" src="../../ui/effects.drop.js"></script> 75 <script type="text/javascript" src="../../ui/effects.explode.js"></script> 76 <script type="text/javascript" src="../../ui/effects.fold.js"></script> 77 <script type="text/javascript" src="../../ui/effects.highlight.js"></script> 78 <script type="text/javascript" src="../../ui/effects.pulsate.js"></script> 79 <script type="text/javascript" src="../../ui/effects.scale.js"></script> 80 <script type="text/javascript" src="../../ui/effects.shake.js"></script> 81 <script type="text/javascript" src="../../ui/effects.slide.js"></script> 82 <script type="text/javascript" src="../../ui/effects.transfer.js"></script> 83 84 <script src="js/behaviour.js" type="text/javascript"></script> 85 <script src="js/behaviour.functionaldemos.js" type="text/javascript"></script> 86 87 <script src="js/beautify.js" type="text/javascript"></script> 88 <script src="js/functional.demo.js" type="text/javascript"></script> 89 90 <script src="js/jquery.chili.pack.js" type="text/javascript"></script> 91 <script src="js/chili-recipes.js" type="text/javascript"></script> 92 93 <script src="js/jquery.history_remote.js" type="text/javascript"></script> 94 <script src="js/jquery.mousewheel.js" type="text/javascript"></script> 95 96 <script type="text/javascript"> 97 $(function() { 98 $.datepicker.setDefaults($.datepicker.regional['']); 99 }); 100 </script> 101 </head> 102 103 <body id="functional_demos"> 104 <div id="wrapper"> 105 <div id="banner"> 106 <h1 class="logo"> 107 <a href="http://ui.jquery.com/" title="jQuery User Interface"><span>jQuery User Interface</span></a> 108 </h1> 109 110 <div id="dock"> 111 <div class="left"></div> 112 113 <ul> 114 <li> 115 <a href="http://jquery.com">jQuery</a> 116 </li> 117 <li style="padding-right: 12px;"> 118 <a href="http://plugins.jquery.com/">Plugins</a> 119 </li> 120 <li class="selected" style="padding-right: 12px;"> 121 122 <a href="http://ui.jquery.com/home">UI</a> 123 </li> 124 <li style="padding-left: 12px;"> 125 <div style="background: #555; width: 1px; height: 24px; position: absolute; left: 0px;"></div> 126 <a href="http://jquery.com/blog">Blog</a> 127 </li> 128 <li> 129 <a href="http://ui.jquery.com/about">About</a> 130 131 </li> 132 <li> 133 <a href="http://docs.jquery.com/Donate">Donate</a> 134 </li> 135 </ul> 136 <div class="right"></div> 137 </div> 138 <div id="navigation"> 139 <div class="left"></div> 140 <ul> 141 <li > 142 <a href="http://ui.jquery.com/download">Download</a> 143 </li> 144 <li > 145 <a href="http://docs.jquery.com/UI">Documentation</a> 146 </li> 147 148 <li class="selected"> 149 <a href="http://ui.jquery.com/demos">Demos</a> 150 </li> 151 <li > 152 <a href="http://ui.jquery.com/themeroller">Themes</a> 153 </li> 154 <li > 155 <a href="#" style="color: #333; cursor: default;" onclick="return false;">Tutorials</a> 156 157 </li> 158 <li > 159 <a href="http://ui.jquery.com/bugs">Development</a> 160 </li> 161 <li class="last"> 162 <a href="http://ui.jquery.com/support">Support</a> 163 </li> 164 </ul> 165 166 <div class="right"></div> 167 </div> 168 169 </div> 170 <div id="content-wrapper"> 171 <div id="content"> 172 173 <div class="content-top"></div> 174 <div class="content"> 175 176 <form id="components-fm" action="/actions/download_builder.php" method="post"> 177 <div class="content-head"> 178 <h2> 179 <span>Functional Demos</span> 180 </h2> 181 <p> 182 Learn how to build Cross-Browser Rich Internet Applications! 183 </p> 184 185 </div> 186 <div class="content-body"> 187 <table cellspacing="0" cellpadding="0" class="layout-grid" id="functional"> 188 <tr> 189 <td class="left-nav"> 190 <div class="section" style="border:0; width:155px;"> 191 <p class="side-menu-title"> 192 Interaction 193 </p> 194 <div id="links" class="normal" style="width:100%;"> 195 196 <ul class="component-links"> 197 <li><a href="#ui.draggable" title="Goto Draggable's Component Page">Draggable</a></li> 198 <li><a href="#ui.droppable" title="Goto Droppable's Component Page">Droppable</a></li> 199 <li><a href="#ui.resizable" title="Goto Resizable's Component Page">Resizable</a></li> 200 <li><a href="#ui.selectable" title="Goto Selectable's Component Page">Selectable</a></li> 201 <li><a href="#ui.sortable" title="Goto Sortable's Component Page">Sortable</a></li> 202 203 </ul> 204 </div> 205 <br style="clear:both;"> 206 </div> 207 <div class="section" style="border:0;"> 208 <p class="side-menu-title"> 209 Widgets 210 </p> 211 <div id="links" class="normal"> 212 213 <ul class="component-links"> 214 <li><a href="#ui.accordion" title="Goto Accordion's Component Page">Accordion</a></li> 215 <li><a href="#ui.datepicker" title="Goto Datepicker's Component Page">Datepicker</a></li> 216 <li><a href="#ui.dialog" title="Goto Dialog's Component Page">Dialog</a></li> 217 <li><a href="#ui.slider" title="Goto Slider Component Page">Slider</a></li> 218 <li><a href="#ui.tabs" title="Goto Tabs Component Page">Tabs</a></li> 219 </ul> 220 </div> 221 222 <br style="clear:both;"> 223 </div> 224 <div class="section" style="border:0;"> 225 <p class="side-menu-title"> 226 Effects 227 </p> 228 <div id="links" class="normal"> 229 230 <ul class="component-links"> 231 <li><a href="#ui.effects.easing" title="Goto Easing Effect's Component Page">Easing</a></li> 232 <li><a href="#ui.effects.general" title="Goto General Effect's Component Page">General</a></li> 233 <li><a href="#ui.effects.showhide" title="Goto Show/Hide Effect's Component Page">Show/Hide</a></li> 234 </ul> 235 </div> 236 237 <br style="clear:both;"> 238 </div> 239 </td> 240 <td class="normal"> 241 242 <div class="normal" id="containerDemo"> 243 <h3> 244 Instructions 245 </h3> 246 <p> 247 248 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. 249 </p> 250 251 <div id="functional-demo-face" style="margin-left: 10px;"> 252 <img src="images/functional-demo-face.png"> 253 </div> 254 255 <br> 256 </div> 257 258 </td> 259 </tr> 260 261 </table> 262 </div> 263 </form> </div> 264 </div> 265 </div> 266 267 <div id="footer"> 268 269 <div class="bg"></div> 270 <div class="inner"> 271 <p> 272 <span class="first">Sponsored by: </span><a class="block liferay" href="http://www.liferay.com"><span>Liferay</span></a> 273 <span class="first" style="float: right; padding-right: 12px;">© 2007 Paul Bakaus and the <a href="http://ui.jquery.com/about">jQuery UI Team</a>.</span> 274 </p> 275 276 </div> 277 </div> 278 </div> 279 <!--[if lte IE 7]></div><![endif]--> 280 </body> 281 282 </html>
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
| Generated: Thu Mar 24 11:18:33 2011 | Cross-referenced by PHPXref 0.7 |