Advertisement
gersonab

tabelaeditavel

Sep 10th, 2013
59
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 0.96 KB | None | 0 0
  1. $(document).ready(function(){
  2.     $('#tblEditavel tbody tr td.editavel').dblclick(function(){
  3.         if ($('td > input').lengt > 0 ){
  4.             return;
  5.         }
  6.         var conteudoOriginal = $(this).text();
  7.         var novoElemento = $('<input/>',{type:'text', value:conteudoOriginal});
  8.         $(this).html(novoElemento.bind('blur keydown', function(e){
  9.             var keyCode = e.which;
  10.             var conteudoNovo = $(this).val();
  11.             if( keyCode == 13 && conteudoNovo != '' && conteudoNovo != conteudoOriginal){
  12.                 var objeto = $(this);
  13.                 $.ajax({
  14.                     type:'POST',
  15.                     url:'altloj.php',
  16.                     data:({
  17.                         id:$(this).parents('tr').children().first().text(),
  18.                         campo:$(this).parent().attr('title'),
  19.                         valor:conteudoNovo
  20.                     },
  21.                     success: function(result){
  22.                         objeto.parent().html(conteudoNovo);
  23.                         $('body').append(result);
  24.                 }
  25.                 })
  26.             }
  27.             else if ( keyCode == 27 || e.type == 'blur' )
  28.             $(this).parent().html(conteudoOriginal);
  29.         }));
  30.         $(this).children().select();
  31.     })
  32. })
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement