r2140 - in trunk/demos: . draggable
Author: scottjehl
Date: Thu Feb 26 20:06:52 2009
New Revision: 2140
Modified:
trunk/demos/draggable/constrain-movement.html
trunk/demos/draggable/cursor-style.html
trunk/demos/draggable/delay-start.html
trunk/demos/draggable/handle.html
trunk/demos/draggable/revert.html
trunk/demos/draggable/scroll.html
trunk/demos/draggable/snap-to.html
trunk/demos/draggable/visual-feedback.html
trunk/demos/index.html
Log:
removed margin-left rules from these draggable demos due to IE6 conflict
Modified: trunk/demos/draggable/constrain-movement.html
==============================================================================
--- trunk/demos/draggable/constrain-movement.html (original)
+++ trunk/demos/draggable/constrain-movement.html Thu Feb 26 20:06:52 2009
@@ -8,11 +8,11 @@
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
- .draggable { width: 90px; height: 90px; padding: 0.5em; float: left;
margin: 5px; }
+ .draggable { width: 90px; height: 90px; padding: 0.5em; float: left;
margin: 0 10px 10px 0; }
#draggable, #draggable2 { margin-bottom:20px; }
#draggable { cursor: n-resize; }
#draggable2 { cursor: e-resize; }
- #containment-wrapper { width:100%; height:150px; border:2px solid #ccc; }
+ #containment-wrapper { width:100%; height:150px; border:2px solid #ccc;
padding: 10px;}
</style>
<script type="text/javascript">
$(function() {
Modified: trunk/demos/draggable/cursor-style.html
==============================================================================
--- trunk/demos/draggable/cursor-style.html (original)
+++ trunk/demos/draggable/cursor-style.html Thu Feb 26 20:06:52 2009
@@ -8,7 +8,7 @@
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
- #draggable, #draggable2, #draggable3 { width: 100px; height: 100px;
padding: 0.5em; float: left; margin: 5px; }
+ #draggable, #draggable2, #draggable3 { width: 100px; height: 100px;
padding: 0.5em; float: left; margin: 0 10px 10px 0; }
</style>
<script type="text/javascript">
$(function() {
Modified: trunk/demos/draggable/delay-start.html
==============================================================================
--- trunk/demos/draggable/delay-start.html (original)
+++ trunk/demos/draggable/delay-start.html Thu Feb 26 20:06:52 2009
@@ -8,7 +8,7 @@
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
- #draggable, #draggable2 { width: 120px; height: 120px; padding: 0.5em;
float: left; margin: 5px; }
+ #draggable, #draggable2 { width: 120px; height: 120px; padding: 0.5em;
float: left; margin: 0 10px 10px 0; }
</style>
<script type="text/javascript">
$(function() {
Modified: trunk/demos/draggable/handle.html
==============================================================================
--- trunk/demos/draggable/handle.html (original)
+++ trunk/demos/draggable/handle.html Thu Feb 26 20:06:52 2009
@@ -8,7 +8,7 @@
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
- #draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em;
float: left; margin: 5px; }
+ #draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em;
float: left; margin: 0 10px 10px 0; }
#draggable p { cursor: move; }
</style>
<script type="text/javascript">
Modified: trunk/demos/draggable/revert.html
==============================================================================
--- trunk/demos/draggable/revert.html (original)
+++ trunk/demos/draggable/revert.html Thu Feb 26 20:06:52 2009
@@ -8,7 +8,7 @@
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
- #draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em;
float: left; margin: 5px; }
+ #draggable, #draggable2 { width: 100px; height: 100px; padding: 0.5em;
float: left; margin: 0 10px 10px 0; }
</style>
<script type="text/javascript">
$(function() {
Modified: trunk/demos/draggable/scroll.html
==============================================================================
--- trunk/demos/draggable/scroll.html (original)
+++ trunk/demos/draggable/scroll.html Thu Feb 26 20:06:52 2009
@@ -8,7 +8,7 @@
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
- #draggable, #draggable2, #draggable3 { width: 100px; height: 100px;
padding: 0.5em; float: left; margin: 5px; }
+ #draggable, #draggable2, #draggable3 { width: 100px; height: 100px;
padding: 0.5em; float: left; margin: 0 10px 10px 0; }
</style>
<script type="text/javascript">
$(function() {
Modified: trunk/demos/draggable/snap-to.html
==============================================================================
--- trunk/demos/draggable/snap-to.html (original)
+++ trunk/demos/draggable/snap-to.html Thu Feb 26 20:06:52 2009
@@ -8,7 +8,7 @@
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
- .draggable { width: 90px; height: 80px; padding: 5px; float: left;
margin: 5px; font-size: .9em; }
+ .draggable { width: 90px; height: 80px; padding: 5px; float: left;
margin: 0 10px 10px 0; font-size: .9em; }
.ui-widget-header p, .ui-widget-content p { margin: 0; }
#snaptarget { height: 140px; }
</style>
Modified: trunk/demos/draggable/visual-feedback.html
==============================================================================
--- trunk/demos/draggable/visual-feedback.html (original)
+++ trunk/demos/draggable/visual-feedback.html Thu Feb 26 20:06:52 2009
@@ -8,7 +8,7 @@
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
- #draggable, #draggable2, #draggable3, #set div { width: 90px; height:
90px; padding: 0.5em; float: left; margin: 5px; }
+ #draggable, #draggable2, #draggable3, #set div { width: 90px; height:
90px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
#draggable, #draggable2, #draggable3 { margin-bottom:20px; }
#set { clear:both; float:left; width: 368px; height: 120px; }
p { clear:both; margin:0; padding:1em 0; }
Modified: trunk/demos/index.html
==============================================================================
--- trunk/demos/index.html (original)
+++ trunk/demos/index.html Thu Feb 26 20:06:52 2009
@@ -250,8 +250,13 @@
<dd><a href="slider/index.html">Slider</a></dd>
<dd><a href="tabs/index.html">Tabs</a></dd>
<dt>Effects</dt>
- <dd><a href="http://ui.jquery.com/docs/Effects/Methods">Effect
Methods</dd>
- <dd><a href="http://ui.jquery.com/docs/Effects/Types">Effect
Types</a></dd>
+ <dd><a href="http://ui.jquery.com/docs/Effect">Effect</dd>
+ <dd><a
href="http://ui.jquery.com/docs/Effects/Animate">Animate</a></dd>
+ <dd><a href="http://ui.jquery.com/docs/Effects/Hide">Hide</a></dd>
+ <dd><a href="http://ui.jquery.com/docs/Effects/Show">Show</a></dd>
+ <dd><a href="http://ui.jquery.com/docs/Effects/SwitchClass">Switch
Class</a></dd>
+ <dd><a href="http://ui.jquery.com/docs/Effects/Toggle">Toggle</a></dd>
+ <dd><a href="http://ui.jquery.com/docs/Effects/ToggleClass">Toggle
Class</a></dd>
<dt>About jQuery UI</dt>
<dd><a href="http://ui.jquery.com/docs/Developer_Guide">UI Developer
Guidelines</a></dd>
<dd><a href="http://ui.jquery.com/docs/Changelog">Changelog</a></dd>