[Resolvido] jquery

[Miguel Rocha1 0]

<script type="text/javascript">
$(document).ready(function(){	
$('.contentvid .delete').click(function(){
 var elem = $(this).closest('.contentvid');
$.confirm({
		'title'		: 'Confirmação de Excluir',
		'message'	: 'Você está prestes a excluir. <br/> Pretender continuar?',
		'buttons'	: {
			'Yes'	: {
				'class'	: 'blue',
				'action': function(){
					elem.slideUp();			
				}
			},
			'No'	: {
				'class'	: 'gray',
				'action': function(){}
			}
		}
	});

});

});
</script>

 

Amigos tenho este script de confirmaçao de eliminar noticias, ele confirma, ate tudo bem, o problema esta agora na parte em que se a pessoa clicar em "sim" ele direciona para a pagina php e elimina do banco, ou entao faz isso com ajax.

 

alguem me pode ajudar a fazer isso?

desde de ja muito obrigado

[William Bruno 1501]

pelo q vi do plugin, basta você implementar ali no action:

 

                          'Yes'   : {
                                       'class' : 'blue',
                                       'action': function(){
                                               elem.slideUp();
                                               window.location.href = 'excluir.php';         
                                       }
                               },

ou então ali no lugar do window.location você coloca a tua requisição ajax.

[Miguel Rocha1 0]

<script type="text/javascript">
$(document).ready(function(){   
$('.contentvid .delete').click(function(){
 var elem = $(this).closest('.contentvid');
$.confirm({
                       'title'         : 'Confirmação de Excluir',
                       'message'       : 'Você está prestes a excluir. <br/> Pretender continuar?',
                       'buttons'       : {
                               'Yes'   : {
                                       'class' : 'blue',
                                       'action': function(){
                                               elem.slideUp(); 
$('.eliminar_noticia_actualizado').live("click",function(){
	var ID = $(this).attr("id");
	var dataString = 'msg_id='+ ID;
$.ajax({
		type: "POST",
  		url: "apagarNoticia.php",
   	data: dataString,
  		cache: false,
  		success: function(html){
 	 		$(".bar"+ID)
 	 		.animate({ backgroundColor: "#fbc7c7" }, 800)
			.animate({ opacity: "hide" }, 1200);
		}
 	});
      }
                               },
                               'No'    : {
                                       'class' : 'gray',
                                       'action': function(){}
                               }
                       }
               });

       });

});
</script>

 

Assim amigo?

[William Bruno 1501]

se você quer que aconteça assim q o cara clicar em Ok, então não tem sentido você esperar um evento click.

 

jogue a requisição direto.

[Miguel Rocha1 0]

$(document).ready(function(){	
$('.contentvid .delete').click(function(){
 var elem = $(this).closest('.contentvid');
$.confirm({
		'title'		: 'Confirmação de Excluir',
		'message'	: 'Você está prestes a excluir este video. <br/> Pretender continuar?',
		'buttons'	: {
			'Yes'	: {
				'class'	: 'blue',
				'action': function(){
					elem.slideUp();			
$("#status").show().html("<img src='images/loader.gif' />");

  $.ajax({
     url: this.href,
     type: "GET",
     success: function(datos){
  $("#te").html(datos);
       }
 })

			},
			'No'	: {
				'class'	: 'gray',
				'action': function(){}
			}
		}
	});

});

});

tentei assim, mas deixou de funcionar.

[William Bruno 1501]

então tem algum erro de sintaxe.

 

vá ajustando, e conferindo no console de erros, sem tem algum problema Ctrl+Shift+J

abre a página, e vá interagindo.

[Miguel Rocha1 0]

$(document).ready(function(){	
$('.contentvid .delete').click(function(){
 var elem = $(this).closest('.contentvid');
$.confirm({
   'title'		: 'Confirmação de Excluir',
   'message'	: 'Você está prestes a excluir este video. <br/> Pretender continuar?',
   'buttons'	: {
   'Yes'	: {
   'class'	: 'blue',
   'action': function(){
   elem.slideUp();
$.ajax({
     type: "POST",
     url: "/teste.php",
     data: $("form").serialize(),
  cache: false,
     success: 	function(data){
	 $("#te").html(data).hide().fadeIn(10);
        }
     });	 		 
}
},
   'No': {
'class'	: 'gray',
'action': function(){}
	}
  }
  });
});
});

funcionou assim amigo

 

var ID = $(this).attr("id");
var dataString = 'videoid='+ ID;
$.ajax({
     type: "POST",
     url: "teste.php",
  data: dataString,
  cache: false,
     success: 	function(data){
	 $("#te").html(data).hide().fadeIn(10);
        }
     });	

 

Amigo estava tentando enviar os dados para o php por link, <a href="#" id="1">eliminar</a>, so que no php recebo assim undefined, que estou a fazer de errado?

desde de ja muito obrigado pela paciencia, e pelo tempo dispensado comigo.

[William Bruno 1501]

acredito q o this, não está se referindo ao .delete, mas ao confirm, por causa do escopo.

 

faça o this aqui:

$('.contentvid .delete').click(function(){
   var elem = $(this).closest('.contentvid');
   var ID = $(this).attr("id");

 

entendeu ?

[Miguel Rocha1 0]

sim amigo, obrigado.

funcionou (:

 

so me deparei foi com um problema agora, que se nao puser o "#" no link, e puser uma pagina, ele redereciona.

serei eu que estarei a fazer algo de errado?

[William Bruno 1501]

adicione o seguinte:

$('.contentvid .delete').click(function( e ){
   e.preventDefault();

[Miguel Rocha1 0]

funciona, muitíssimo obrigado William Bruno.

 

William Bruno, so mais uma pergunta, como faço para verificar se foi apagado ou nao, e conforme a resposta o video desaparecer ou ficar visivel? neste momento caso apague ou nao o video desaparece e so com refresh e qe volta aparecer, sei que tem de ser com um if, e else no javascript, mas poderia me dar uma ajuda?

sou muito novo em javascript, ainda sei muito pouco, peço desculpa por estar sempre a chatear, desde de ja muito obrigado

[William Bruno 1501]

como faço para verificar se foi apagado ou nao

isso é a variavel data q vai te dizer:

success:  function(data){

o if/else você fará ai dentro

[Miguel Rocha1 0]

mas amigo, eu quando seleciono a opçao "sim" ele esconde a noticia, como faria?

[William Bruno 1501]

não sei cara.. o script é seu.

 

posso te ajudar a fazer, e responder as suas dúvidas, mas não vou fazer para ti.

como você fez depois doq eu sugeri ?

[Miguel Rocha1 0]

<script type="text/javascript">
$(document).ready(function(){
$('.contentvid .delete').click(function(e){
   e.preventDefault();
   var ID = $(this).attr("id");
var elem = $(this).closest('.contentvid');
   var dataString = 'videoid='+ ID;
$.confirm({
   'title': '<?php echo confelim;?>',
   'message': '<?php echo apag;?>',
   'buttons':{
   'Yes':{
   'class': 'blue',
   'action': function(){
$.ajax({
     type: "POST",
     url: "teste.php",
     data: dataString,
  cache: false,
     success: 	function(data){	
elem.slideUp();
$("#te").html(data).hide().fadeIn(10);
	 }
  }
     });	 		 
}
},
   'No': {
'class'	: 'gray',
'action': function(){}
	}
  }
  });
});
});
</script>

Neste momento esta assim amigo, ja tentei com

if(data == false){
elem.slideUp();
}

e no php

<?php
if($video == ""){
echo "true";
}else{
echo "false";
}

 

e nao funcionou amigo, a minha intençao e que me possa ajudar para eu poder aprender aos poucos amigo.