Publicado em 17 de abr.

Atualizar Div com jquery

Olá, eu estava fazendo o sistema de admin de um site, e resolvi faze-lo com Jquery, quando você seleciona os checkbox, e clica em excluir, ele envia a requisição pro jquery exclui exibe uma mensagem, isso acontece perfeitamente, porem não atualiza dentro da div, nao retira o valor que foi excluido entendem, e eu tentei diversos métodos para tentar concluir isso com sucesso, porém nenhum foi satisfatório alguém pode me da uma luz quanto a isso que eu ja to ficando loco rsrs

agradeço desde já.

o Código (listabanner.php)

<html>

<head>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

 

 

$(document).ready(function(){

 

$("#carregando").hide();

 

$("#excluir").submit(function() {

 

$("#conteudo").hide();

$("#carregando").ajaxStart(function(){

$(this).show();

 

 

});

 

$("#carregando").ajaxStop(function(){

$(this).hide();

 

});

 

var params = $(this.elements).serialize();

$.ajax({

type:"GET",

url:"excluirbanner.php",

data: params,

success: function(html){

$("#mensagem").html(html);

$("#conteudo").show();

}

 

});

return false;

});

 

return false;

});

 

 

 

</script>

<style type="text/css">

a:link {

text-decoration: none;

font-family: trebuchet ms;

color:990000;

font-size: 12px;

font-weight: bold;

}

a:visited {

text-decoration: none;

font-family: trebuchet ms;

color:990000;

font-size: 12px;

font-weight: bold;

}

a:hover {

text-decoration: underline;

color:990000;

font-family: trebuchet ms;

font-size: 12px;

font-weight: bold;

}

a:active {

text-decoration: none

font-family: trebuchet ms;

color:990000;

font-size: 12px;

font-weight: bold;

}

</style>

 

 

</head>

<body leftmargin="0" rightmargin="0" topmargin="0" bottonmargin="0">

 

<div id="carregando"> Carregando </div>

<div id="mensagem"> msg </div>

 

<table width="100%" border="0">

 

<tr>

<td width="100%">

 

<div id="conteudo">

<table border="0" width="100%" align="center">

<form id="excluir">

<tr>

<td align="left">

<input type='submit' value='Excluir'>

</td>

<td align="left">

<font face="trebuchet ms" color="990000"> NOME

</td>

<td align="left">

<font face="trebuchet ms" color="990000"> SITE

</td>

<td align="left">

<font face="trebuchet ms" color="990000"> DATA

</td>

<td align="left">

<font face="trebuchet ms" color="990000"> ÁREA

</td>

<td align="left">

<font face="trebuchet ms" color="990000"> ATUALIZAR

</td>

</tr>

 

<?php

include("conexao.php");

$seleciona=mysql_query("SELECT * FROM banner");

while($tudo=mysql_fetch_array($seleciona)){

$id=$tudo["id"];

echo("

<tr>

<td width='100%' colspan='6'>

<hr size='3' width='100%' color='#666666'>

</td>

</tr>

<tr>

<td align='left'>

<input type='checkbox' name='excluir[]' value='".$tudo["id"]."'>

 

</td>

<td align='left'>

<font face='trebuchet ms'><b>".$tudo["nome"]."

</td>

<td align='left'>

<font face='trebuchet ms'><b>".$tudo["link"]."

</td>

<td align='left'>

<font face='trebuchet ms'><b>".$tudo["data"]."

</td>

<td align='left'>

<font face='trebuchet ms'><b>".$tudo["area"]."

</td>

<td align='left'>

<a href='atualizabanner.php?id=$id'> Atualizar </a>

</td>

</tr>

");

}

?>

</form>

 

</td>

</tr>

</table>

</div>

</td>

</tr>

 

</table>

</body>

</html>

Como vocês podem ver, eu tentei esconder a div, e abrir de novo pra ver se atualizava, mais ele não há atualizou, se alguém souber como fazer isso seria ótimo, pois serviria pra muitas outras coisas.

Discussão (1)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Daniel-DF· 24 de abr.

caro amigo, inclui o a função em negrito:

<script type="text/javascript">

 

 

$(document).ready(function(){

 

$("#carregando").hide();

**$("form").submit(function () { return false; });**

$("#excluir").submit(function() {

 

$("#conteudo").hide();

$("#carregando").ajaxStart(function(){

$(this).show();

 

 

});

 

$("#carregando").ajaxStop(function(){

$(this).hide();

 

});

 

var params = $(this.elements).serialize();

$.ajax({

type:"GET",

url:"excluirbanner.php",

data: params,

success: function(html){

$("#mensagem").html(html);

$("#conteudo").show();

}

 

});

return false;

});

 

return false;

});

</script>

obs: essa função desabilita o form da página.

obs2: tenta mudar o get também:

var params = $(this.elements).serialize();

$.post("excluirbanner.php",{params},

function(data) {

var retorno=data;

$("#mensagem").empty().html(retorno);

$("#conteudo").show();

}

manda resposta.

Deus te abençoe

ABS