Widget demo: Some more inline comments

diff --git a/demos/widget/default.html b/demos/widget/default.html
index a9284a423421048ee6769d32229aa9df5c01503f..ec272e994583240c10265c95f076fcb97b4b35cb 100644 (file)
--- a/demos/widget/default.html
+++ b/demos/widget/default.html
@@ -88,11 +88,17 @@
                        }
                });
 
+               // initialize with default options
                $( '#my-widget1' ).colorize();
+
+               // initialize with two customized options
                $( '#my-widget2' ).colorize({
                        red: 60,
                        blue: 60
                });
+
+               // initialize with custom green value
+               // and a random callback to allow only colors with enough green
                $( '#my-widget3' ).colorize( {
                        green: 128,
                        random: function( event, ui ) {
@@ -100,12 +106,14 @@
                        }
                });
 
+               // click to toggle enabled/disabled
                $( '#disable' ).toggle(function() {
                        $( ':custom-colorize' ).colorize( 'disable' );
                }, function() {
                        $( ':custom-colorize' ).colorize( 'enable' );
                });
 
+               // click to set options after initalization
                $( '#black' ).click( function() {
                        $( ':custom-colorize' ).colorize( 'option', {
                                red: 0,