1 $(document).ready( function() {
3 var cell_blur = function() {
4 console.debug( 'cell_blur'
10 // FIXME primary key is fixed to 1st column
11 var pk = $('table tr th:nth(0) > a').text();
12 var id = $(this).parent().siblings(':nth(0)').text()
14 var _row_id = $(this).parent().parent().attr('title');
16 var x = $(this).parent().attr('cellIndex');
17 var y = $(this).parent().parent().attr('rowIndex');
19 var content = $(this).val();
20 // $(this).replaceWith( content );
22 var name = $('table tr th:nth('+x+') > a').text();
23 console.info( x, y, _row_id, name, content );
27 $.post( '/data/edit', {
28 path: document.title, _row_id: _row_id,
29 name: name, content: content
31 console.debug( 'server data', data );
32 var vals = content.split('¶');
33 data = vals.join('<span class=d>¶</span>');
34 update.replaceWith( data );
38 var cell_click = function(event) {
39 console.debug( 'cell_click'
44 var content = $(this).text(); // we don't want para markup
45 var rows = content.split('¶').length * 2 + 1;
46 var textarea = $('<textarea rows='+rows+'/>');
47 textarea.val( content );
48 $(this).html( textarea );
50 textarea.blur( cell_blur )
54 console.info('double-click on cell to edit it');
55 $('table td').live( 'dblclick', cell_click );