Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 391
Sexo: Masculino
Localização: VOLTA REDONDA RJ
Contato:

Recarregar div após deletar ou incuir

06-08-2014 10:25

Nobres, venho através deste solicitar ajuda pois ja estou com a cabeça derretendo ...... rs

Montei um sistema de upload múltiplo com inserção , alteração e exclusão de dados no mysql com o pluploader .

O que eu preciso é que ao fazer o upload dos arquivos a div que esta na mesma página com os dados do mysql seja carregada , e também ao fazer qualquer exclusão .

Segue os dados.
div do upload

<div class="block-fluid">           <div id="uploader_v5">             <center>               Browser don't support a HTML5             </center>           </div>         </div>

Div dos arquivos

<div class="span12">                     <div class="head clearfix">                         <div class="isw-picture"></div>                         <h1>Imagens cadastradas</h1>                     </div>                   <div class="block thumbs clearfix">                                   <?php                                   $sql3 = mysql_query("SELECT * FROM img WHERE id='$idc' ORDER BY id DESC ")or die(mysql_error());                                         while ($row = mysql_fetch_assoc($sql3)) {                                         ?>                                     <div class="thumbnail">                             <a class="fancybox" rel="group" href="php/files/<?php echo $row['img']; ?>"><img src="php/files/<?php echo $row['img']; ?>" class="img-polaroid" height="150px" width="200px"/></a>                             <div class="caption">                                 <p><a href="javascript:void(0)" id="<?php echo $row['id']; ?>" album="<?php echo $row['id_im']; ?>" class="cover btn btn-warning" >Selecionar capa</a> <a href="javascript:void(0)" id="<?php echo $row['id']; ?>"  class="delete btn btn-danger" >Deletar</a></p>                             </div>                                                   </div><?php } ?>                     </div>                 </div>

DELETAR

$('.delete').live('click',function(){         var id_img = $(this).attr('id');         $.post('upd.php?action=deleteFoto',             {                 id_img:id_img             })                                     })  

Upload

if($("#uploader_v5").length > 0){             $("#uploader_v5").pluploadQueue({                               runtimes : 'html5',                     url : 'php/pluploader/upload.php',                     max_file_size : '1mb',                     chunk_size : '1mb',                     unique_names : true,                     dragdrop : true,                       resize : {width : 640, height : 480, quality : 100},                       filters : [                             {title : "Image files", extensions : "jpg,gif,png"},                             {title : "Zip files", extensions : "zip"}                     ]                                                     });                                  }

Desde ja agradeço.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17523
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Recarregar div após deletar ou incuir

06-08-2014 12:44

Dá uma olhada na api do jQuery.post() que tem uma opção de ter um confirm quando os dados forem enviados. Ali você pode fazer a atualização da div.

http://api.jquery.com/jquery.post/
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 391
Sexo: Masculino
Localização: VOLTA REDONDA RJ
Contato:

Recarregar div após deletar ou incuir

06-08-2014 15:18

Uma parte eu ja consegui, que a de quando deleto atualiza a div.

Usando load

$('.delete').live('click',function(){         var id_img = $(this).attr('id');                 $.post('upd.php?action=deleteFoto',                         {                                 id_img:id_img                         },                         function(data){                 $(".altera").load("img.php?idc=<?php echo $idc; ?>");                         }) });

agora falta o do upload, porém este acredito que tera de ser refresh na página, para se ter a opção de mais upload caso necessário.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17523
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Recarregar div após deletar ou incuir

06-08-2014 15:54

Creio que sim.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 391
Sexo: Masculino
Localização: VOLTA REDONDA RJ
Contato:

Recarregar div após deletar ou incuir

06-08-2014 16:35

Aqui eu compartilho o conhecimento adiquirido, pois sempre fui auxiliado.

TUDO RESOLVIDO , meu jquery ficou assim ..

<script type="text/javascript"> <?php $idc = $_GET['idc']; ?> // $(document).ready(function(){ // faço o upload         $("#uploader_v5").pluploadQueue({                                   runtimes : 'html5',                     url : 'php/pluploader/upload.php',                     max_file_size : '1mb',                     chunk_size : '1mb',                     unique_names : true,                     dragdrop : true,                       resize : {width : 640, height : 480, quality : 100},                       filters : [                             {title : "Image files", extensions : "jpg,gif,png"},                             {title : "Zip files", extensions : "zip"}                     ]             }); // aqui atualizo a div após fazer o upload         var uploader = $('#uploader_v5').pluploadQueue();           uploader.bind('FileUploaded', function() {             if (uploader.files.length == (uploader.total.uploaded + uploader.total.failed)) {                 $(".altera").load("img.php?idc=<?php echo $idc; ?>");             }         }); // aqui habilito os botões para novos uploads                 uploader.bind('UploadComplete', function() {   $(".plupload_buttons").css("display", "inline");   $(".plupload_upload_status").css("display", "inline"); })   // Ao iniciar ja mostra as fotos cadastradas que tiverem $(".altera").load("img.php?idc=<?php echo $idc; ?>");   // Seleciono qual vai ser a foto principal         $('.cover').live('click',function(){         var id_img = $(this).attr('id');         var id_imovel = $(this).attr('album');                 $.post('upd.php?action=updateFotoCover',         {             id_imovel:id_imovel,             id_img:id_img         })     }) // excluo a foto $('.delete').live('click',function(){         var id_img = $(this).attr('id');                 $.post('upd.php?action=deleteFoto',                         {                                 id_img:id_img                         },                         function(data){                 $(".altera").load("img.php?idc=<?php echo $idc; ?>");                         }) });     });     </script>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17523
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Recarregar div após deletar ou incuir

06-08-2014 16:38

Blz. ;)
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado