[Resolvido] Mudando(UPDATE) situação com jQuery

[Eduardo Villa 2]

Olá, galera!

Estou querendo fazer uma coisa aqui mas não estou conseguindo finalizar.

A idéia é clicar na imagem e mudar (UPDATE) a sua situação (CAMPO DA TABELA) "de 1 para 0" ou "de 0 para 1".

Fiz assim, mas tem alguma coisa errada...

 

teste.PHP

<table width="100%">
  <tr>
     <td class="tabela" width="6%">ID</td>
     <td class="tabela">TÍTULO</td>
     <td class="tabela" width="7%">SITUAÇÃO</td>
     <td class="tabela" width="20%">DATA HORA</td>
  </tr>
  <form action="" method="post">
     <tr>
        <td align="center" class="dados">1</td>
        <td class="dados">Teste</td>
        <td align="center" class="dados">
           <input class="situacao" codigo="1" title="Ativar?" type="image" src="imagens/0.png" value="1" />
        </td>
        <td align="center" class="dados">2011-09-21 05:15:40</td>
     </tr>
  </form>
</table>

 

funcao.JS

$(document).ready(function(){
  $(".situacao").click(function(){
     var $this = $(this);
     $.post('atualiza.php', {valor: $this.attr('value'), codigo:$this.attr('codigo')}, function(data){
        alert(data);
     });
  });
});

 

atualiza.PHP

$valor = $_POST['valor'];
$codigo = $_POST['codigo'];

$query = mysql_query("UPDATE blog SET situcao='$valor' WHERE id='$codigo' ") or die(mysql_error());

[William Bruno 1501]

Exemplo com checkbox

http://wbruno.com.br/blog/2011/03/16/atualizar-sql-atraves-de-acao-em-checkbox/

 

não faça UP no tópico

[Eduardo Villa 2]

William Bruno segui seu esquema, mas não está retornando o alert()

teste.PHP

<table width="100%">
  <tr>
     <td class="tabela" width="6%">ID</td>
     <td class="tabela">TÍTULO</td>
     <td class="tabela" width="7%">SITUAÇÃO</td>
     <td class="tabela" width="20%">DATA HORA</td>
  </tr>
  <form action="" method="post">
     <tr>
        <td align="center" class="dados">1</td>
        <td class="dados">Teste</td>
        <td align="center" class="dados">
           <input class="situacao" cod="1" title="Ativar?" type="image" src="imagens/0.png" val="1" />
        </td>
        <td align="center" class="dados">2011-09-21 05:15:40</td>
     </tr>
  </form>
</table>

 

funcao.JS

$(document).ready(function(){
$(".situacao").click(function(){
	var $this = $(this);
	var situacao = $this.attr('val');
	var id = $this.attr('cod');
	$.ajax({
		url: 'atualiza.php',
		type: 'GET',
		data: 'situacao='+situacao+'&id='+id,
		success: function(data){
			alert(data);
		}
	});
});
});

 

 

atualiza.PHP

ini_set('display_errors', true);
error_reporting(E_ALL);

if(isset($_GET['situacao'])){
$id = (int)getGet('id');
$sql = 'UPDATE `blog` SET `situacao` = '.getGet('situacao').' WHERE `id` = '.$id;
echo $sql;//aqui você deve executar a query
}
function getGet($key){
return isset($_GET[$key]) ? filter($_GET[$key]) : null;
}
function filter($str){
return $str;//deixo a implementação desta por conta de vcs.
}

[William Bruno 1501]

vai debugando cara... rastreie a requisição com o Firebug, faça testes acessando diretamente o arquivo..

 

debugue !

[Eduardo Villa 2]

descobri o erro!!!

o problema é que, se eu colocar os arquivos JS na "default.php" ao abrir a página dentro da <DIV> na mesma ele não reconhece o JS.

 

vou corrigir aqui... valew

[Eduardo Villa 2]

coisas esquisitas acontecem kkkk

se colocar type="image" não funciona agora type="checkbox" funciona normalmente...

 

[RESOLVIDO] Valew

[William Bruno 1501]

type="image" é um type="submit" gráfico.

 

não tem nada de estranho, apenas definição básica da tag html.

Entenda oque você está usando, em vez de apenas usar.