Skip to content
Permalink
Browse files

Tooltip visual tests: Cleaned up animation tests.

  • Loading branch information...
scottgonzalez committed May 18, 2012
1 parent 0b20557 commit 63915d16af8e2795a7def28155bc9b14ca2f67d5
Showing with 61 additions and 61 deletions.
  1. +61 −61 tests/visual/tooltip/animations.html
@@ -1,73 +1,73 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Tooltip Visual Test: Default</title>
<link rel="stylesheet" href="../visual.css" type="text/css" />
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
<script type="text/javascript" src="../../../jquery-1.7.2.js"></script>
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="../../../ui/jquery.ui.position.js"></script>
<script type="text/javascript" src="../../../ui/jquery.ui.button.js"></script>
<script type="text/javascript" src="../../../ui/jquery.ui.tooltip.js"></script>
<script type="text/javascript" src="../../../ui/jquery.effects.core.js"></script>
<script type="text/javascript" src="../../../ui/jquery.effects.blind.js"></script>
<script type="text/javascript" src="../../../ui/jquery.effects.bounce.js"></script>
<script type="text/javascript" src="../../../ui/jquery.effects.drop.js"></script>
<script type="text/javascript" src="../../../ui/jquery.effects.explode.js"></script>
<!--
<script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script>
-->
<script type="text/javascript">
<title>Tooltip Visual Test: Animations</title>
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css">
<script src="../../../jquery-1.7.2.js"></script>
<script src="../../../ui/jquery.ui.core.js"></script>
<script src="../../../ui/jquery.ui.widget.js"></script>
<script src="../../../ui/jquery.ui.position.js"></script>
<script src="../../../ui/jquery.ui.tooltip.js"></script>
<script src="../../../ui/jquery.effects.core.js"></script>
<script src="../../../ui/jquery.effects.blind.js"></script>
<script src="../../../ui/jquery.effects.bounce.js"></script>
<script src="../../../ui/jquery.effects.drop.js"></script>
<script src="../../../ui/jquery.effects.explode.js"></script>
<style>
pre {
width: 250px;
border: 1px solid #000;
padding: .5em;
}
</style>
<script>
$(function() {
var animations = [{}, {
show: {
effect: "slideDown"
},
hide: {
effect: "slideUp"
}
}, {
show: {
effect: "explode"
},
hide: {
effect: "explode"
}
}, {
show: {
effect: "bounce"
},
hide: {
effect: "blind"
}
},
{
show: {
effect: "drop",
direction: "right"
},
hide: {
effect: "drop",
direction: "right"
}
}];
$.each(animations, function(index, animation) {
var text = JSON.stringify(animation);
$("<span></span>").attr("title", text).text(text).tooltip({
show: animation.show,
hide: animation.hide
}).wrap("<li></li>").parent().appendTo("ul");
$( "pre" ).each(function( index, elem ) {
$( elem )
.attr( "title", "animated tooltips" )
.tooltip( $.parseJSON( $( elem ).text() ) );
});
});
</script>
</head>
<body>

<div style="width:300px">
<ul class="ui-widget ui-widget-header">
</ul>
</div>
<pre>{}</pre>
<pre>{
"show": {
"effect": "slideDown"
},
"hide": {
"effect": "slideUp"
}
}</pre>
<pre>{
"show": {
"effect": "explode"
},
"hide": {
"effect": "explode"
}
}</pre>
<pre>{
"show": {
"effect": "bounce"
},
"hide": {
"effect": "blind"
}
}</pre>
<pre>{
"show": {
"effect": "drop",
"direction": "right"
},
"hide": {
"effect": "drop",
"direction": "right"
}
}</pre>

</body>
</html>

0 comments on commit 63915d1

Please sign in to comment.
You can’t perform that action at this time.