update design patterns example

examples/ui/widget_design_patterns/js/example.js

@@ -631,12 +631,12 @@ Ox.load(['Image', 'UI'], function() {
         })
         .appendTo(Ox.$body);
     /*
-    As a last step, we add a handler to the `invert` event of each widgets. It
-    will display the widget's name and options inside the first box.
+    As a last step, we add another `doubleclick` handler to each widget. It will
+    display the widget's name and options inside the first box.
     */
     Ox.forEach(My, function($box, name) {
         $box.bindEvent({
-            invert: function() {
+            doubleclick: function() {
                 My.$box.displayText(
                     '<b>' + name[1].toUpperCase() + name.slice(2) + '</b><br>'
                     + JSON.stringify($box.options()).replace(/([,:])/g, '$1 ')