r3607 committed - button: toolbar demo enhanced with shuffle-toggle-button and repeat-op...

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 -->
--