Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

João Vitor Ramos Tonolli

Atualizar Div com jquery

Por , em Javascript

Recommended Posts

João Vitor Ramos Tonolli    0

João Vitor Ramos Tonolli
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daniel-DF    0

Daniel-DF
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito