update EditableContent example

examples/forms/editable_elements/js/example.js

@@ -13,23 +13,40 @@ Ox.load('UI', function() {
     Ox.loop(1, 4, function(i) {
         Ox.$('<span>')
             .addClass('label')
-            .html((i > 1 ? '&nbsp;' : '') + 'Editable ' + i + ':&nbsp;')
+            .html((i > 1 ? '&nbsp;' : '') + 'SPAN #' + i + ':&nbsp;')
             .appendTo($box);
         Ox.EditableContent({
-                placeholder: 'Placeholder ' + i,
+                editing: i == 1,
+                placeholder: 'Placeholder',
                 tooltip: 'Doubleclick to edit'
             })
+            .bindEvent({
+                submit: function(data) {
+                    Ox.print(data.value);
+                }
+            })
             .appendTo($box);
     });
     
     Ox.$('<div>')
         .addClass('label')
-        .html('Editable 4:')
+        .html('DIV')
         .appendTo($box);
     Ox.EditableContent({
-            placeholder: 'Placeholder 4',
+            placeholder: 'Placeholder',
-            tooltip: 'Doubleclick to edit',
+            tooltip: function(e) {
-            type: 'div'
+                var $target = $(e.target);
+                return $target.is('a') || $target.parents('a').length
+                    ? 'Shift+doubleclick to edit' : 'Doubleclick to edit';
+            },
+            type: 'div',
+            value: 'This is a <a href="http://google.com">link</a>.'
+        })
+        .css({width: '512px'})
+        .bindEvent({
+            submit: function(data) {
+                Ox.print(data.value);
+            }
         })
         .appendTo($box);