library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-10-05 01:44:18 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

demos: added wrappers for droppable demos

Browse Source
This commit is contained in:
Paul Bakaus 2008-12-31 14:10:05 +00:00
parent 3dd75a42d4
commit 8ea97f4677
7 changed files with 77 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
demos/droppable/accept.html
View File

@ -30,7 +30,8 @@
</script> </script>
</head> </head>
<body> <body>
<div class="demo">
<div id="draggable-nonvalid" class="ui-widget-content"> <div id="draggable-nonvalid" class="ui-widget-content">
<p>I'm draggable but can't be dropped</p> <p>I'm draggable but can't be dropped</p>
</div> </div>
@ -43,5 +44,14 @@
<p>accept: '#draggable'</p> <p>accept: '#draggable'</p>
</div> </div>
</div><!-- End demo -->
<div class="demo-description">
<p>
<!-- Add description here -->
</p>
</div><!-- End demo-description -->
</body> </body>
</html> </html>

12
demos/droppable/activeclass.html
View File

@ -27,7 +27,8 @@
</script> </script>
</head> </head>
<body> <body>
<div class="demo">
<div id="draggable" class="ui-widget-content"> <div id="draggable" class="ui-widget-content">
<p>Drag me to my target</p> <p>Drag me to my target</p>
</div> </div>
@ -36,5 +37,14 @@
<p>Drop here</p> <p>Drop here</p>
</div> </div>
</div><!-- End demo -->
<div class="demo-description">
<p>
<!-- Add description here -->
</p>
</div><!-- End demo-description -->
</body> </body>
</html> </html>

12
demos/droppable/default.html
View File

@ -25,7 +25,8 @@
</script> </script>
</head> </head>
<body> <body>
<div class="demo">
<div id="draggable" class="ui-widget-content"> <div id="draggable" class="ui-widget-content">
<p>Drag me to my target</p> <p>Drag me to my target</p>
</div> </div>
@ -34,5 +35,14 @@
<p>Drop here</p> <p>Drop here</p>
</div> </div>
</div><!-- End demo -->
<div class="demo-description">
<p>
<!-- Add description here -->
</p>
</div><!-- End demo-description -->
</body> </body>
</html> </html>

12
demos/droppable/greedy.html
View File

@ -39,7 +39,8 @@
</script> </script>
</head> </head>
<body> <body>
<div class="demo">
<div id="draggable" class="ui-widget-content"> <div id="draggable" class="ui-widget-content">
<p>Drag me to my target</p> <p>Drag me to my target</p>
</div> </div>
@ -58,5 +59,14 @@
</div> </div>
</div> </div>
</div><!-- End demo -->
<div class="demo-description">
<p>
<!-- Add description here -->
</p>
</div><!-- End demo-description -->
</body> </body>
</html> </html>

12
demos/droppable/hoverclass.html
View File

@ -26,7 +26,8 @@
</script> </script>
</head> </head>
<body> <body>
<div class="demo">
<div id="draggable" class="ui-widget-content"> <div id="draggable" class="ui-widget-content">
<p>Drag me to my target</p> <p>Drag me to my target</p>
</div> </div>
@ -35,5 +36,14 @@
<p>Drop here</p> <p>Drop here</p>
</div> </div>
</div><!-- End demo -->
<div class="demo-description">
<p>
<!-- Add description here -->
</p>
</div><!-- End demo-description -->
</body> </body>
</html> </html>

12
demos/droppable/revert.html
View File

@ -30,7 +30,8 @@
</script> </script>
</head> </head>
<body> <body>
<div class="demo">
<div id="draggable" class="ui-widget-content"> <div id="draggable" class="ui-widget-content">
<p>I revert when I'm dropped</p> <p>I revert when I'm dropped</p>
</div> </div>
@ -43,5 +44,14 @@
<p>Drop me here</p> <p>Drop me here</p>
</div> </div>
</div><!-- End demo -->
<div class="demo-description">
<p>
<!-- Add description here -->
</p>
</div><!-- End demo-description -->
</body> </body>
</html> </html>

12
demos/droppable/tolerance.html
View File

@ -56,7 +56,8 @@
</script> </script>
</head> </head>
<body> <body>
<div class="demo">
<div id="draggable" class="ui-widget-content"> <div id="draggable" class="ui-widget-content">
<p>Drag me to my target</p> <p>Drag me to my target</p>
</div> </div>
@ -79,5 +80,14 @@
<p>tolerance: 'touch'</p> <p>tolerance: 'touch'</p>
</div> </div>
</div><!-- End demo -->
<div class="demo-description">
<p>
<!-- Add description here -->
</p>
</div><!-- End demo-description -->
</body> </body>
</html> </html>