r3607 committed - button: toolbar demo enhanced with shuffle-toggle-button and repeat-op...
Revision: 3607
Author: joern.zaefferer
Date: Mon Jan 4 02:50:54 2010
Log: button: toolbar demo enhanced with shuffle-toggle-button and
repeat-options (radios)
http://code.google.com/p/jquery-ui/source/detail?r=3607
Modified:
/branches/dev/demos/button/toolbar.html
=======================================
--- /branches/dev/demos/button/toolbar.html Sun Jan 3 18:23:58 2010
+++ /branches/dev/demos/button/toolbar.html Mon Jan 4 02:50:54 2010
@@ -57,6 +57,14 @@
icons: {
primary: 'ui-icon-stop'
}
+ })
+ .click(function() {
+ $('#play').button('option', {
+ label: 'play',
+ icons: {
+ primary: 'ui-icon-play'
+ }
+ });
});
$('#forward').button({
text: false,
@@ -70,6 +78,8 @@
primary: 'ui-icon-seek-end'
}
});
+ $("#shuffle").button();
+ $("#repeat").buttonset();
});
</script>
</head>
@@ -84,6 +94,14 @@
<button id="stop">stop</button>
<button id="forward">fast forward</button>
<button id="end">go to end</button>
+
+ <input type="checkbox" id="shuffle" /><label
for="shuffle">Shuffle</label>
+
+ <span id="repeat">
+ <input type="radio" id="repeat0" name="repeat" checked="checked"
/><label for="repeat0">No Repeat</label>
+ <input type="radio" id="repeat1" name="repeat" /><label
for="repeat1">Once</label>
+ <input type="radio" id="repeatall" name="repeat" /><label
for="repeatall">All</label>
+ </span>
</span>
</div><!-- End demo -->
--