public/edit_table.js

   1 $(document).ready( function() {
   2
   3 var cell_blur = function() {
   4         console.debug( 'cell_blur'
   5                 , this
   6                 , $(this).val()
   7         );
   8         var content = $(this).val();
   9         var cell = $('<td>'+content+'</td>');
  10         $(this).replaceWith( cell );
  11         console.info( cell );
  12 }
  13
  14 var cell_click = function(event) {
  15         console.debug( 'cell_click'
  16                 , this
  17                 , event
  18                 , $(this).text()
  19         );
  20         var content = $(this).text(); // we don't want para markup
  21         var textarea = $('<textarea />');
  22         textarea.val( content );
  23         $(this).html( textarea );
  24         textarea.focus();
  25         textarea.blur( cell_blur )
  26 };
  27
  28
  29 console.info('double-click on cell to edit it');
  30 $('table td').live( 'dblclick', cell_click );
  31
  32 }); // document.ready
  33
  34