Permalink
Browse files

Updated Show/Hide/Toggle demos since they don't support the Transfer …

…effect. Transfer was removed.
  • Loading branch information...
1 parent 57c5b07 commit 888725a17b66e73ecfb4716488a14fc5942e7477 @RedWolves RedWolves committed with rdworth Apr 29, 2010
Showing with 3 additions and 14 deletions.
  1. +1 −5 demos/hide/default.html
  2. +1 −5 demos/show/default.html
  3. +1 −4 demos/toggle/default.html
@@ -17,14 +17,12 @@
<script type="text/javascript" src="../../ui/jquery.effects.scale.js"></script>
<script type="text/javascript" src="../../ui/jquery.effects.shake.js"></script>
<script type="text/javascript" src="../../ui/jquery.effects.slide.js"></script>
- <script type="text/javascript" src="../../ui/jquery.effects.transfer.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
.toggler { width: 500px; height: 200px; }
#button { padding: .5em 1em; text-decoration: none; }
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
- .ui-effects-transfer { border: 2px dotted gray; }
</style>
<script type="text/javascript">
$(function() {
@@ -36,9 +34,8 @@
//most effect types need no options passed by default
var options = {};
- //check if it's scale, transfer, or size - they need options explicitly set
+ //check if it's scale or size - they need options explicitly set
if(selectedEffect == 'scale'){ options = {percent: 0}; }
- else if(selectedEffect == 'transfer'){ options = { to: "#button", className: 'ui-effects-transfer' }; }
else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }
//run the effect
@@ -88,7 +85,6 @@ <h3 class="ui-widget-header ui-corner-all">Hide</h3>
<option value="shake">Shake</option>
<option value="size">Size</option>
<option value="slide">Slide</option>
- <option value="transfer">Transfer</option>
</select>
<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>
@@ -17,14 +17,12 @@
<script type="text/javascript" src="../../ui/jquery.effects.scale.js"></script>
<script type="text/javascript" src="../../ui/jquery.effects.shake.js"></script>
<script type="text/javascript" src="../../ui/jquery.effects.slide.js"></script>
- <script type="text/javascript" src="../../ui/jquery.effects.transfer.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
.toggler { width: 500px; height: 200px; }
#button { padding: .5em 1em; text-decoration: none; }
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
- .ui-effects-transfer { border: 2px dotted gray; }
</style>
<script type="text/javascript">
$(function() {
@@ -36,9 +34,8 @@
//most effect types need no options passed by default
var options = {};
- //check if it's scale, transfer, or size - they need options explicitly set
+ //check if it's scale or size - they need options explicitly set
if(selectedEffect == 'scale'){ options = {percent: 100}; }
- else if(selectedEffect == 'transfer'){ options = { to: "#button", className: 'ui-effects-transfer' }; }
else if(selectedEffect == 'size'){ options = { to: {width: 280,height: 185} }; }
//run the effect
@@ -89,7 +86,6 @@ <h3 class="ui-widget-header ui-corner-all">Show</h3>
<option value="shake">Shake</option>
<option value="size">Size</option>
<option value="slide">Slide</option>
- <option value="transfer">Transfer</option>
</select>
<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>
@@ -17,14 +17,12 @@
<script type="text/javascript" src="../../ui/jquery.effects.scale.js"></script>
<script type="text/javascript" src="../../ui/jquery.effects.shake.js"></script>
<script type="text/javascript" src="../../ui/jquery.effects.slide.js"></script>
- <script type="text/javascript" src="../../ui/jquery.effects.transfer.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
.toggler { width: 500px; height: 200px; }
#button { padding: .5em 1em; text-decoration: none; }
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
- .ui-effects-transfer { border: 2px dotted gray; }
</style>
<script type="text/javascript">
$(function() {
@@ -35,7 +33,7 @@
//most effect types need no options passed by default
var options = {};
- //check if it's scale, transfer, or size - they need options explicitly set
+ //check if it's scale or size - they need options explicitly set
if(selectedEffect == 'scale'){ options = {percent: 0}; }
else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }
@@ -79,7 +77,6 @@ <h3 class="ui-widget-header ui-corner-all">Toggle</h3>
<option value="shake">Shake</option>
<option value="size">Size</option>
<option value="slide">Slide</option>
- <option value="transfer">Transfer</option>
</select>
<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a>

0 comments on commit 888725a

Please sign in to comment.