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
   9         // FIXME primary key is fixed to 1st column
  10         var pk = $('table tr th:nth(0) > a').text();
  11         var id = $(this).parent().siblings(':nth(0)').text()
  12
  13         var x = $(this).parent().attr('cellIndex');
  14         var y = $(this).parent().parent().attr('rowIndex');
  15
  16         var content = $(this).val();
  17 //      $(this).replaceWith( content );
  18
  19         var name = $('table tr th:nth('+x+') > a').text();
  20         console.info( x, y, pk, id, name, content );
  21
  22         var update = $(this);
  23
  24         $.post( '/data/edit', { pk: pk, id: id, name: name, content: content } , function(data) {
  25                 console.debug( data );
  26                 var vals = content.split('¶');
  27                 data = vals.join('<span class=d>¶</span>');
  28                 update.replaceWith( data );
  29         });
  30 }
  31
  32 var cell_click = function(event) {
  33         console.debug( 'cell_click'
  34                 , this
  35                 , event
  36                 , $(this).text()
  37         );
  38         var content = $(this).text(); // we don't want para markup
  39         var rows = content.split('¶').length * 2 + 1;
  40         var textarea = $('<textarea rows='+rows+'/>');
  41         textarea.val( content );
  42         $(this).html( textarea );
  43         textarea.focus();
  44         textarea.blur( cell_blur )
  45 };
  46
  47
  48 console.info('double-click on cell to edit it');
  49 $('table td').live( 'dblclick', cell_click );
  50
  51 }); // document.ready
  52
  53