Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 411
Sexo: Masculino
Localização: VOLTA REDONDA RJ
Contato:

tabela editavel

10-09-2013 12:30

seguindo a video aula do Paulo Sérgio no youtub http://www.youtube.com/watch?v=NkPRQiUTess , assisti as 2, fiz a correção conforme os comentários , porém continua erro na linha success ...
Agradeço qualquer ajuda.

$(document).ready(function(){         $('#tblEditavel tbody tr td.editavel').dblclick(function(){                 if ($('td > input').lengt > 0 ){                         return;                 }                 var conteudoOriginal = $(this).text();                 var novoElemento = $('<input/>',{type:'text', value:conteudoOriginal});                 $(this).html(novoElemento.bind('blur keydown', function(e){                         var keyCode = e.which;                         var conteudoNovo = $(this).val();                         if( keyCode == 13 && conteudoNovo != '' && conteudoNovo != conteudoOriginal){                                 var objeto = $(this);                                 $.ajax({                                         type:'POST',                                         url:'altloja.php',                                         data:({                                                 id:$(this).parents('tr').children().first().text(),                                                 campo:$(this).parent().attr('title'),                                                 valor:conteudoNovo                                         } ,                                         success:function(result){                                                 objeto.parent().html(conteudoNovo);                                                 $('body').append(result);                                         }                                 })                         }                         else if ( keyCode == 27 || e.type == 'blur' )                         $(this).parent().html(conteudoOriginal);                 }));                 $(this).children().select();         }) })

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

tabela editavel

10-09-2013 16:13

Adiciona essa linha no script:

jQuery.error = console.error;

Observa no firebug qual erro retornado.

Testa a biblioteca, verifica se está sendo chamada, e verifica também se o arquivo que vai reenviar o valor para o html está trabalhando com o POST.

Observa também que ele puxa 2 js, 1 do jQuery e outro chamado tabela.js, veja se tem e chamou os 2 arquivos.

Vou deixar abaixo uma referência para os vídeos

Tabela editável em jQuery - parte 1
Tabela editável em jQuery - parte 2
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 411
Sexo: Masculino
Localização: VOLTA REDONDA RJ
Contato:

tabela editavel

10-09-2013 18:19

ok , o erro foi d digitação, havia colocado data:({ sendo o certo data:{
obrigado ..... agora a briga vai ser alterar no BD ....
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

tabela editavel

10-09-2013 19:55

Pegando o id, basta fazer o UPDATE

UPDATE tabelatal SET coluna='valor que veio' WHERE id='id que veio'

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado