Update por get no banco de dados sem atualizar página!

[Jhon Paulo 7]

rsrsr encontrei a solução...

seu link agora fica assim:

<span><a href='aprovar.php?sim=opsid' class='updtabela'><img src='sim.jpg'></a></span>

 

e o seu script assim:

$('.updtabela').click(function(){

var mudar = $(this).parent(); //adicione essa linha // isso seleciona o elemento 'pai' q no nosso caso é o span. Joga o span na variável mudar

e no sucess deixe apenas isso:

success: function(sucesso){ //se tudo der certo faça...

mudar.text(sucesso); //muda o texto do span

},

 

lá no seu echo coloque o link e a imagem... :D

[Wesley F Souza 1]

rsrsr encontrei a solução...

seu link agora fica assim:

<span><a href='aprovar.php?sim=opsid' class='updtabela'><img src='sim.jpg'></a></span>

 

e o seu script assim:

$('.updtabela').click(function(){

var mudar = $(this).parent(); //adicione essa linha // isso seleciona o elemento 'pai' q no nosso caso é o span. Joga o span na variável mudar

e no sucess deixe apenas isso:

success: function(sucesso){ //se tudo der certo faça...

mudar.text(sucesso); //muda o texto do span

},

 

lá no seu echo coloque o link e a imagem... :D

Teria como você postar o código pra eu ver? Pq, nao to conseguindo, aki quando eu clico pra atualizar ele não troca a imagem só aparece <!-- -->

[Jhon Paulo 7]

no meu ainda é aquela página antiga q eu mandei o link pra download rsrs, mas da pra ter uma noção:

seu link: <span><a href='aprovar.php?sim=opsid' class='updtabela'><img src='sim.jpg'></a></span>

 

'upd.js':

$('.updtabela').click(function(){

var mudar = $(this).parent();

var l = $(this).attr('href');

$.ajax({

url: l,

type: "POST",

data: { sim: l},

dataType: "html",

success: function(sucesso) {

mudar.html(sucesso);

},

beforeSend: function () {

$('#carregando').css({display: "block"});

},

complete: function () {

$('#carregando').css({display: "none"});

},

error: function(){

$('#retornodoresultado').html('Desculpe pelo transtorno, houve um erro, tente novamente.');

}

});

return false;

});

 

e no aprovar.php tem o echo:

<?PHP

sleep(3);

if(isset($_GET['sim'])){

$sim = $_GET['sim'];

echo ("<a href='aprovar.php?nao=opsid'><img src='nao.jpg'></a>");

}

?>

 

vai testando esse código aí, jájá passo um aprimoramento(to sem nada pra fazer mesmo)

[Wesley F Souza 1]

no meu ainda é aquela página antiga q eu mandei o link pra download rsrs, mas da pra ter uma noção:

seu link: <span><a href='aprovar.php?sim=opsid' class='updtabela'><img src='sim.jpg'></a></span>

 

'upd.js':

$('.updtabela').click(function(){

var mudar = $(this).parent();

var l = $(this).attr('href');

$.ajax({

url: l,

type: "POST",

data: { sim: l},

dataType: "html",

success: function(sucesso) {

mudar.html(sucesso);

},

beforeSend: function () {

$('#carregando').css({display: "block"});

},

complete: function () {

$('#carregando').css({display: "none"});

},

error: function(){

$('#retornodoresultado').html('Desculpe pelo transtorno, houve um erro, tente novamente.');

}

});

return false;

});

 

e no aprovar.php tem o echo:

<?PHP

sleep(3);

if(isset($_GET['sim'])){

$sim = $_GET['sim'];

echo ("<a href='aprovar.php?nao=opsid'><img src='nao.jpg'></a>");

}

?>

 

vai testando esse código aí, jájá passo um aprimoramento(to sem nada pra fazer mesmo)

Tipo, e pra mudar a imagem? pq no caso to com duas imagens aqui, uma está com cor que é quando está ativo e uma em preto e branco pra quando estiver desativado. Assim não está mudando.

Por isso fiz o if == 0 e else if ==1 :)

Desculpa por eu não conseguir resolver o problema D: como dito sou muito leigo em javascript.

[Jhon Paulo 7]

eu fiz uma pequena mudança no meu código e pra não confundir eu vou upei ele no 2shared...

só dando uma adiantada aki: eu adicionei um método chamado live() q trabalha com elementos criados dinamicamente...

então:

$('.updtabela').click(function(){

virou:

$('.updtabela').live('click', function(){

 

link: http://www.2shared.com/file/nJbvU8yl/www.html

[Wesley F Souza 1]

eu fiz uma pequena mudança no meu código e pra não confundir eu vou upei ele no 2shared...

só dando uma adiantada aki: eu adicionei um método chamado live() q trabalha com elementos criados dinamicamente...

então:

$('.updtabela').click(function(){

virou:

$('.updtabela').live('click', function(){

 

link: http://www.2shared.com/file/nJbvU8yl/www.html

o Jhon se eu quiser colocar outra GET data: como fica? tipo

data: { sim: l}, { simns: l},

Como ficaria?

[Jhon Paulo 7]

rsrsrs... q bomm :) boa sorte no projeto :D

[Wesley F Souza 1]

rsrsrs... q bomm :) boa sorte no projeto :D

Vlw heh, agora pra finalizar o projeto só está faltando o carregamento sob demanda :), que sei que já ta dando problema mas vou fazer de tudo pra resolver. Mais uma vez Muito Obrigado, você me ajudou muito :)

[Wesley F Souza 1]

rsrsrs... q bomm :) boa sorte no projeto :D

o Jhon se eu quiser colocar outra GET data: como fica? tipo

data: { sim: l}, { simns: l},

Como ficaria?

[Jhon Paulo 7]

o Jhon se eu quiser colocar outra GET data: como fica? tipo

data: { sim: l}, { simns: l},

Como ficaria?

fica como abaixo:

data: { sim: l, simns: l},

 

o type está como POST, se quizer passar como GET, muda o type: POST, para type: GET