fazer atualizar a pagina sem refresh nao da certo, o q to fazendo errrado?
Enviada por Rodrigo Zanatta
|
Rodrigo Zanatta
fazer atualizar a pagina sem refresh nao da certo, o q to fazendo errrado? 13 de May de 2012 às 05:57PM |
to tentando chamar uma funcao em JS para atualziar os dados na minah apgina, mas parece q ele faz apenas uma vez, e quando clica de novo no botao pra fzer a atualização nao faz nada... o codigo ta embaixo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="uploadify/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="uploadify/swfobject.js"></script>
<script type="text/javascript" src="uploadify/jquery.uploadify.v2.1.4.min.js"></script>
<link rel="stylesheet" href="uploadify/styles/uploadify.css" type="text/css" media="all" title="all" charset="iso-8859-1" />
<script type="text/javascript">
//Esta função será chamada no final de todo o envio
var onAllComplete = function(event, data) {
alert(data.filesUploaded + ' Fotos enviadas com sucesso!');
$('#clearQueue').click(function(){
$('#uploadify').uploadifyClearQueue();
return false;
});
}
//Esta função será chamada no final de CADA envio
var onComplete = function(event, queueID, fileObj, response, data) {
numArquivos++;
}
$(document).ready(function() {
$('#file_upload').uploadify({
'uploader' : 'uploadify/uploadify.swf',
'script' : 'uploadify/uploadify.php',
'cancelImg' : 'uploadify/cancel.png',
'folder' : '../uploads',
//'auto' : true,
'multi' : true,
'onComplete' : onComplete, //A função a ser chamada A CADA arquivo enviado (definida acima)
'onAllComplete' : onAllComplete //A função a ser chamada no fim de TODO o envio (definida acima)
});
});
function listar() {
$("#retorno").load('listar_upload_fotos.php');
}
function deletar() {
load('deletar_upload_fotos.php');
$("#retorno").load('listar_upload_fotos.php');
}
</script>
</head>
<body>
<form action="" method="post">
<input id="file_upload" type="file" name="file_upload" />
<a href="javascript:$('#file_upload').uploadifyUpload();">Enviar Fotos</a> | <a href="javascript:$('#file_upload').uploadifyClearQueue();">Limpar fila de Upload</a> |
<input type="button" value="Listar Fotos Enviadas" onclick="javascript:listar()" />
<div id="retorno"></div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="uploadify/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="uploadify/swfobject.js"></script>
<script type="text/javascript" src="uploadify/jquery.uploadify.v2.1.4.min.js"></script>
<link rel="stylesheet" href="uploadify/styles/uploadify.css" type="text/css" media="all" title="all" charset="iso-8859-1" />
<script type="text/javascript">
//Esta função será chamada no final de todo o envio
var onAllComplete = function(event, data) {
alert(data.filesUploaded + ' Fotos enviadas com sucesso!');
$('#clearQueue').click(function(){
$('#uploadify').uploadifyClearQueue();
return false;
});
}
//Esta função será chamada no final de CADA envio
var onComplete = function(event, queueID, fileObj, response, data) {
numArquivos++;
}
$(document).ready(function() {
$('#file_upload').uploadify({
'uploader' : 'uploadify/uploadify.swf',
'script' : 'uploadify/uploadify.php',
'cancelImg' : 'uploadify/cancel.png',
'folder' : '../uploads',
//'auto' : true,
'multi' : true,
'onComplete' : onComplete, //A função a ser chamada A CADA arquivo enviado (definida acima)
'onAllComplete' : onAllComplete //A função a ser chamada no fim de TODO o envio (definida acima)
});
});
function listar() {
$("#retorno").load('listar_upload_fotos.php');
}
function deletar() {
load('deletar_upload_fotos.php');
$("#retorno").load('listar_upload_fotos.php');
}
</script>
</head>
<body>
<form action="" method="post">
<input id="file_upload" type="file" name="file_upload" />
<a href="javascript:$('#file_upload').uploadifyUpload();">Enviar Fotos</a> | <a href="javascript:$('#file_upload').uploadifyClearQueue();">Limpar fila de Upload</a> |
<input type="button" value="Listar Fotos Enviadas" onclick="javascript:listar()" />
<div id="retorno"></div>
</body>
</html>
|
Lucas Tiago de Moraes
Re: fazer atualizar a pagina sem refresh nao da certo, o q to fazendo errrado? 13 de May de 2012 às 11:17PM |
|
Rodrigo Zanatta
Re: fazer atualizar a pagina sem refresh nao da certo, o q to fazendo errrado? 14 de May de 2012 às 09:28AM |
|
Lucas Tiago de Moraes
Re: fazer atualizar a pagina sem refresh nao da certo, o q to fazendo errrado? 14 de May de 2012 às 12:49PM |
|
Rodrigo Zanatta
Re: fazer atualizar a pagina sem refresh nao da certo, o q to fazendo errrado? 16 de May de 2012 às 06:11AM |
Bom, vou tentar baixar esse programa em casa, q agora estou no rtabalho, mas tipo, eu clico no botao pra exibir as fotos e chamar a funçao em JS pra buscar as fotos em outra pagina e trazer na div e só me traz na primeira vez e depois posso inserir varias imagens q ele nao atualiza, seria a chamada da funçao ou a funçao q nao carrega mais?
obrigado
obrigado
|
Marcos Regis
Re: fazer atualizar a pagina sem refresh nao da certo, o q to fazendo errrado? 16 de May de 2012 às 09:55AM |
provavelmente seu script listar_upload_fotos.php esta retornando um html completo que está reescrevendo o DOM da página e eliminando as funções javascript.
O retorno deveria ser apenas o HTML necessário ao elemento que está reescrevendo e listar_upload_fotos.php deveria retornar usando content-type text e não html.
O retorno deveria ser apenas o HTML necessário ao elemento que está reescrevendo e listar_upload_fotos.php deveria retornar usando content-type text e não html.
Você precisa estar logado no PHPBrasil.com para poder enviar mensagens para os nossos fóruns.
Faça o login aqui.
Faça o login aqui.
Copyright © 2000-2012 João Prado Maia