aboutsummaryrefslogtreecommitdiffstats
path: root/tests/visual
diff options
context:
space:
mode:
authorjzaefferer <joern.zaefferer@gmail.com>2010-10-27 17:47:49 +0200
committerjzaefferer <joern.zaefferer@gmail.com>2010-10-27 17:47:49 +0200
commit9fa6edcbec6c3bcbab1c761417cf14b6f030b2cb (patch)
treed22a0bc13d282b6420d1f929d572be0332ebf468 /tests/visual
parent78872dca42bad0e58a8e0bd34c415c036d97ebe4 (diff)
downloadjquery-ui-9fa6edcbec6c3bcbab1c761417cf14b6f030b2cb.tar.gz
jquery-ui-9fa6edcbec6c3bcbab1c761417cf14b6f030b2cb.zip
Spinner: Visual test page for events
Diffstat (limited to 'tests/visual')
-rw-r--r--tests/visual/spinner/spinner.html36
1 files changed, 36 insertions, 0 deletions
diff --git a/tests/visual/spinner/spinner.html b/tests/visual/spinner/spinner.html
new file mode 100644
index 000000000..637e87d71
--- /dev/null
+++ b/tests/visual/spinner/spinner.html
@@ -0,0 +1,36 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Spinner Visual Test Page</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" title="ui-theme" />
+ <script type="text/javascript" src="../../../jquery-1.4.3.js"></script>
+ <script type="text/javascript" src="../../../external/jquery.mousewheel-3.0.4.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.button.js"></script>
+ <script type="text/javascript" src="../../../ui/jquery.ui.spinner.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $('#spinner').spinner({
+ start: function(event, ui) {
+ console.log(event.type, ui.value, $(this).spinner("value"));
+ },
+ spin: function(event, ui) {
+ console.log(event.type, ui.value, $(this).spinner("value"));
+ },
+ stop: function(event) {
+ console.log(event.type, $(this).spinner("value"));
+ },
+ change: function(event) {
+ console.log(event.type, $(this).spinner("value"));
+ }
+ });
+ });
+ </script>
+</head>
+<body>
+
+<p><label for="spinner">Basic with event callbacks:</label> <input id="spinner"></p>
+</body>
+</html> \ No newline at end of file