Alterar js

[gugu3699 1]

Como eu tinha que modificar este JS para excluir um registro. uso o php que esta abaixo para listar os dados.

js:

	$('fieldset a img').live('click', function(){
		var ancora = $(this);
		var id_integrante = $(this).closest('fieldset').attr('title');
		$.post('apaga.php', {id:id_integrante}, function(){
			$(ancora).closest('li').slideUp('slow', function(){
				$(this).remove();
			})
		})
	})

O php onde os registros ficam listados:

					<form action="#" id="altera">
<table border="1" align="center" width="100%" class="tabela_formulario">
    <thead>
        <tr>
            <td class="td_head_formulario"><img class="class_janela_oficina" src="../../imagens/icon_new.gif" width="12" height="14" align="left" title="Cadastrar Oficinas">RELATORIO</td>
        </tr>
    </thead>
</table>
<p></p>   
<?php
include("conexao_deposito.php");
$result=mysql_query("select * from estoque");
echo '<table class="tabela_formulario" width="100%" cellspacing="0" cellpadding="0" align="center" style="margin-bottom: 3px;">';
echo '<thead>';
echo '<tr>';
echo '<td colspan="11" class="td_head_formulario">RELATORIO TODAS VENDAS</td>';
echo '</tr>';
echo '</thead>';
echo '<tbody>';
echo '<tr>';
echo '<td align="center" class="class_td_sub_titulo td_clara_formulario">Pedido</td>';
echo '<td align="center" class="class_td_sub_titulo td_clara_formulario">Cliente</td>';
echo '<td align="center" class="class_td_sub_titulo td_clara_formulario">Endereço</td>';
echo '<td align="center" class="class_td_sub_titulo td_clara_formulario">Nº</td>';
echo '<td align="center" class="class_td_sub_titulo td_clara_formulario">Bairro</td>';
echo '<td align="center" class="class_td_sub_titulo td_clara_formulario">Telefone</td>';
echo '<td align="center" class="class_td_sub_titulo td_clara_formulario">Produto</td>';
echo '<td align="center" class="class_td_sub_titulo td_clara_formulario">Valor</td>';
echo '<td align="center" class="class_td_sub_titulo td_clara_formulario">Un</td>';
echo '<td align="center" class="class_td_sub_titulo td_clara_formulario">Data</td>';
echo '<td align="center" class="class_td_sub_titulo td_clara_formulario">del</td>';
echo '</tr>';
while($row=mysql_fetch_array($result)){
echo '<tr>';
echo "<td align=\"center\" class=\"td_clara_formulario\">".$row['id']."</td>";
echo "<td align=\"center\" class=\"td_clara_formulario\">".$row['nome_cliente']."</td>";
echo "<td align=\"center\" class=\"td_clara_formulario\">".$row['endereco']."</td>";
echo "<td align=\"center\" class=\"td_clara_formulario\">".$row['numero']."</td>";
echo "<td align=\"center\" class=\"td_clara_formulario\">".$row['bairro']."</td>";
echo "<td align=\"center\" class=\"td_clara_formulario\">".$row['telefone']."</td>";
echo "<td align=\"center\" class=\"td_clara_formulario\">".$row['nome_produto']."</td>";
echo "<td align=\"center\" class=\"td_clara_formulario\">".$row['valor']."</td>";
echo "<td align=\"center\" class=\"td_clara_formulario\">".$row['quantidade']."</td>";
echo "<td align=\"center\" class=\"td_clara_formulario\">".$row['data_venda']."</td>";
//echo '<td align="center" class="td_clara_formulario" >';
//echo '<a href="#"><img src="del.gif" alt="" width="15" height="13" /></a>';
//echo '</td>';
echo '<td align="center" class="td_clara_formulario" >';
echo "<a href=\"delete.php?id=".$row['id']."\"><img src=\"del.gif\" alt=\"\" width=\"15\" height=\"13\" /></a>";
echo "</td>";
echo "</tr>";
}
?>
	
</tbody>
</table>
</form>

[William Bruno 1501]

Vc quer dizer excluir no servidor ? ou apagar o elemento no html ?

[gugu3699 1]

Eu queria apagar o elemento no html e no servidor, esse php ai em cima faz so que a pagina precisa de refreh para apagar o dado excluido da tela. tipo esse codigo acima nao faz refresh na pagina quando clica em excluir a linha clicada some e manda a requisiçao pra apagar no php, é de um exemplo que peguei no google mas nao to sabendo alterar.

[William Bruno 1501]

cara, no seu caso, vc tem um TR e não um LI, logo:

 

$(ancora).closest('tr').slideUp('slow', function(){

E para o ID, vc tem q trocar o fieldset lá pelo seu id. Ache o seu elemento e coloque lá.

[gugu3699 1]

Vai ficar assim: troquei o fieldset pelo td o li pelo tr e o attr pelo id, esta certo a primeira parte onde se refere a imagen para cilck:

	$('td a img').live('click', function(){
		var ancora = $(this);
		var id = $(this).closest('td').attr('id');
		$.post('apaga.php', {id:id}, function(){
			$(ancora).closest('tr').slideUp('slow', function(){
				$(this).remove();
			})
		})
	})

[William Bruno 1501]

troca:

var id = $(this).closest('td').attr('id');

por

var id = $(this).closest('tr').find('td')[0].text();

Quando vc alterar, volte dizendo qual a sua dúvida, e oq falta para funcionar.

[gugu3699 1]

Assim funcionou, porem o id não foi enviado, a linha é apagada da tela mas quando recarrega a pág a linha volta.

Testei alterando o trecho que você citou mas não deu nada a linha não foi apagada nem sumiu da tela.

	$('td a img').live('click', function(){
		var ancora = $(this);
		var id = $(this).closest('td').attr('id');
		$.post('apaga.php', {id:id}, function(){
			$(ancora).closest('tr').slideUp('slow', function(){
				$(this).remove();
			})
		})
	})

[William Bruno 1501]

troca isso aqui:

 

var id = $(this).closest('td').attr('id');

por

var id = $(this).parents('tr').find('td').eq(0).text();

Entendeu o que eu fiz ?

[gugu3699 1]

 

 

William, deu certinho, entendi sim muito obrigado mesmo!!