| [ 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 Draggables and Droppables playground</title> 5 6 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 7 <meta http-equiv="content-language" content="en" /> 8 9 <meta name="keywords" content="jquery, ui, droppables, draggables, demo" /> 10 <meta name="description" content="Demonstration of jQuery UI Droppables and Dragables. More to come." /> 11 <script type="text/javascript" src="../../../jquery-1.2.6.js"></script> 12 <script type="text/javascript" src="js/jquery.livequery.js"></script> 13 <script type="text/javascript" src="js/jquery.blockUI.js"></script> 14 15 <script type="text/javascript" src="../../../ui/ui.core.js"></script> 16 <script type="text/javascript" src="../../../ui/ui.draggable.js"></script> 17 <script type="text/javascript" src="../../../ui/ui.droppable.js"></script> 18 <script type="text/javascript" src="../../../ui/ui.slider.js"></script> 19 20 <script type="text/javascript" src="./js/demo.js"></script> 21 <style type="text/css" media="all"> 22 .ui-slider { width: 200px; height: 23px; position: relative; background-repeat: no-repeat; background-position: center center; } 23 .ui-slider-handle { position: absolute; z-index: 1; height: 23px; width: 12px; top: 0px; left: 0px; background-image: url(img/slider-handle.gif); } 24 .ui-slider-handle-active { border: 1px dotted black; } 25 .ui-slider-disabled .ui-slider-handle { opacity: 0.5; filter: alpha(opacity=50); } 26 .ui-slider-range { position: absolute; background: #50A029; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; } 27 28 .ui-slider, .ui-slider-1 { background-image: url(img/slider-bg-1.png); } 29 .ui-slider-2 { background-image: url(img/slider-bg-2.png); clear:both} 30 .nominheight{min-height:20px;} 31 </style> 32 <link rel="stylesheet" type="text/css" href="./theme/css/screen.css" media="screen, projection" /> 33 </head> 34 <body> 35 <h1>Manage Your Photos</h1> 36 <div id="body_wrap"> 37 <div id="content"> 38 <h2>Drag photos to the Trash or waste them in the Shredder:</h2> 39 <ul class="gallery"> 40 <li> 41 <img src="./img/thumbs/P1010020.JPG" alt="Tatry 1" title="Drag me!" /> 42 <p>Tatry 1</p> 43 <div> 44 <a href="#" title="Trash me." class="tb_trash">Trash me</a> 45 <a href="./img/P1010020.JPG" title="See me supersized." class="tb_supersize">See me supersized</a> 46 </div> 47 </li> 48 <li> 49 <img src="./img/thumbs/P1010036.JPG" alt="Tatry 2" title="Drag me!" /> 50 <p>Tatry 2</p> 51 <div> 52 <a href="#" title="Trash me." class="tb_trash">Trash me</a> 53 <a href="./img/P1010036.JPG" title="See me supersized." class="tb_supersize">See me supersized</a> 54 </div> 55 </li> 56 <li> 57 <img src="./img/thumbs/P1010039.JPG" alt="Tatry 3" title="Drag me!" /> 58 <p>Tatry 3</p> 59 <div> 60 <a href="#" title="Trash me." class="tb_trash">Trash me</a> 61 <a href="./img/P1010039.JPG" title="See me supersized." class="tb_supersize">See me supersized</a> 62 </div> 63 </li> 64 <li> 65 <img src="./img/thumbs/P1010044.JPG" alt="Tatry 4" title="Drag me!" /> 66 <p>Tatry 4</p> 67 <div> 68 <a href="#" title="Trash me." class="tb_trash">Trash me</a> 69 <a href="./img/P1010044.JPG" title="See me supersized." class="tb_supersize">See me supersized</a> 70 </div> 71 </li> 72 <li> 73 <img src="./img/thumbs/P1010050.JPG" alt="Tatry 5" title="Drag me!" /> 74 <p>Tatry 5</p> 75 <div> 76 <a href="#" title="Trash me." class="tb_trash">Trash me</a> 77 <a href="./img/P1010050.JPG" title="See me supersized." class="tb_supersize">See me supersized</a> 78 </div> 79 </li> 80 <li> 81 <img src="./img/thumbs/P1010055.JPG" alt="Tatry 6" title="Drag me!" /> 82 <p>Tatry 6</p> 83 <div> 84 <a href="#" title="Trash me." class="tb_trash">Trash me</a> 85 <a href="./img/P1010055.JPG" title="See me supersized." class="tb_supersize">See me supersized</a> 86 </div> 87 </li> 88 <li> 89 <img src="./img/thumbs/P1010058.JPG" alt="Tatry 7" title="Drag me!" /> 90 <p>Tatry 7</p> 91 <div> 92 <a href="#" title="Trash me." class="tb_trash">Trash me</a> 93 <a href="./img/P1010058.JPG" title="See me supersized." class="tb_supersize">See me supersized</a> 94 </div> 95 </li> 96 <li> 97 <img src="./img/thumbs/P1010059.JPG" alt="Tatry 8" title="Drag me!" /> 98 <p>Tatry 8</p> 99 <div> 100 <a href="#" title="Trash me." class="tb_trash">Trash me</a> 101 <a href="./img/P1010059.JPG" title="See me supersized." class="tb_supersize">See me supersized</a> 102 </div> 103 </li> 104 <li> 105 <img src="./img/thumbs/P1010061.JPG" alt="Tatry 9" title="Drag me!" /> 106 <p>Tatry 9</p> 107 <div> 108 <a href="#" title="Trash me." class="tb_trash">Trash me</a> 109 <a href="./img/P1010061.JPG" title="See me supersized." class="tb_supersize">See me supersized</a> 110 </div> 111 </li> 112 <li> 113 <img src="./img/thumbs/P1010063.JPG" alt="Tatry 10" title="Drag me!" /> 114 <p>Tatry 10</p> 115 <div> 116 <a href="#" title="Trash me." class="tb_trash">Trash me</a> 117 <a href="./img/P1010063.JPG" title="See me supersized." class="tb_supersize">See me supersized</a> 118 </div> 119 </li> 120 </ul> 121 </div> 122 <div id="sidebar"> 123 <div class="box2" id="resize"> 124 <h2>Resize images</h2> 125 <div style="margin: 5px; padding: 5px;min-height:20px" class="ui-slider-2 ui-slider" id="sliderSize"> 126 <a style="cursor: default;" href="javascript:void(0)"> 127 <div class="ui-slider-handle" style="left: 150px;min-height:20px"></div> 128 </a> 129 </div> 130 </div> 131 <div class="box" id="trash"> 132 <h2>Trash (drag me back)</h2> 133 <div></div> 134 </div> 135 <div class="box" id="shred"> 136 <h2>Shredder (see me no more)</h2> 137 <div></div> 138 </div> 139 </div> 140 </div> 141 <div id="footer"> 142 <p>Demo footer here :)</p> 143 </div> 144 </body> 145 </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 |