Ir para conteúdo

Arquivado

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

alissong

Exclusão com modal do bootstrap 4

Recommended Posts

Pessoal,

 

Tenho um código que exibe os usuários cadastrados e suas permissões ao clicar no button radio dinamicamente pelo ajax.

Mas quando clico para excluir exibe o modal: Deseja apagar a permissão para usuário: SIM ou NÂO. No entanto, quando clico em sim

esta direcionando para esse link:  http://localhost/cursos/index.php?menu=consultas&con=con_permissao#

Veja os código abaixo:

1 - ajaxselectuser.js

/**
  * Função para criar um objeto XMLHTTPRequest
  */
 function CriaRequest() {
     try{
         request = new XMLHttpRequest();        
     }catch (IEAtual){
         
         try{
             request = new ActiveXObject("Msxml2.XMLHTTP");       
         }catch(IEAntigo){
         
             try{
                 request = new ActiveXObject("Microsoft.XMLHTTP");          
             }catch(falha){
                 request = false;
             }
         }
     }
     
     if (!request) 
         alert("Seu Navegador não suporta Ajax!");
     else
         return request;
 }
/**
  * Função para enviar os dados
*/
 function BuscarDados() {
     
     // Declaração de Variáveis
	 
     var cod_usuario = "";
     var campo_radio = document.getElementsByName('id_login');
     for (var i=0 ; i< campo_radio.length;i++){
     if ( campo_radio[i].checked ) {
     cod_usuario = campo_radio[i].value;
  }
}   		
     var result  = document.getElementById("Resultado");
     var xmlreq  = CriaRequest();
     
     // Exibi a imagem de progresso
     result.innerHTML = '';
     
     // Iniciar uma requisição
     xmlreq.open("GET", "con_permissao_itens.php?id_login=" + cod_usuario, true);
     
     // Atribui uma função para ser executada sempre que houver uma mudança de ado
     xmlreq.onreadystatechange = function(){
         
         // Verifica se foi concluído com sucesso e a conexão fechada (readyState=4)
         if (xmlreq.readyState == 4) {
             
             // Verifica se o arquivo foi encontrado com sucesso
             if (xmlreq.status == 200) {
                 result.innerHTML = xmlreq.responseText;
             }else{
                 result.innerHTML = "Erro: " + xmlreq.statusText;
             }
         }
     };
     xmlreq.send(null);
 }

2 - con_permissao.php

 

<?php
#Arquivo de funções *************************************
 include("verifica.php");
 include("conexao/bdinc.php"); 

#********************************************************

//Selecionar todos os usuarios da tabela
$sql_usuario = "SELECT * FROM usuario ORDER BY id_login";
if ($res_usuario = mysqli_query($conn, $sql_usuario)) {
?>
<!doctype html>
<html lang="pt-br">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<script type="text/javascript" src="java/ajaxselectuser.js"></script>
    <title>Cadastro Permissão</title>	
</head>
<body>
<form name="rel_permissao" method="post" action="?menu=con_permissao_itens">  
  <div class="card border-dark">
  <div class="card-header bg-dark text-white">USU&Aacute;RIO CADASTRADO</div>  
	<div class="card-body">
		<div class="table-responsive-sm">		
			<table class="table table-bordered table-striped table-sm">
                <thead>
                <tr>
                    <th>C&oacute;digo</th>
					<th>Login</th>					
                </tr>
                </thead>
				<tbody>
<?php
while ($linhaUsu = mysqli_fetch_array($res_usuario)){ ?>    
               
                <tr>
                    <td><input type="radio" name="id_login" id="id_login" value="<?php echo $linhaUsu[0];?>" onchange="BuscarDados(this.value)"</td>                    				
					<td><?php echo "$linhaUsu[1]";?></td>					
                </tr>
				
<?php 

	} // Fecha loop while 
	}// Fecha o IF 
	
?>          
				</tbody>
			</table> 
		</div>
	</div>
</div>
<?php
/* free result set */
mysqli_free_result($res_usuario);

// Fecha conexao com banco de dados
mysqli_close($conn);
?>
</form>
<br>
<div id="Resultado"></div>
</body>

 

3 - con_permissao_itens.php

 

<?php
#Arquivo de funções *************************************
 include("verifica.php");
 include("conexao/bdinc.php"); 

#********************************************************

// Pegar a página atual por GET
if (isset($_GET['id_login'])){
$cod_usuario = $_GET['id_login'];
}else{
$cod_usuario = 1;
}
//Selecionar todas as paginas da tabela
$sql_permissao = "SELECT * FROM con_permissao WHERE id_login= '$cod_usuario'";
if ($res_permissao = mysqli_query($conn, $sql_permissao)) {

//VERIFICA A QUANTIDADE DE REGISTROS RETORNADOS
$registros = mysqli_num_rows($res_permissao);

if($registros > 0){	
?>
<div class="card border-dark">
  <div class="card-header bg-dark text-white">PERMISS&Atilde;O DO USU&Aacute;RIO CADASTRADA</div>  
	<div class="card-body">
		<div class="table-responsive-sm">		
			<table class="table table-bordered table-striped table-sm">
                <thead>
                <tr>
					<th>ID</th>
                    <th>C&oacute;d. P&aacute;gina</th>
					<th>Nome da p&aacute;gina</th>
					<th>Descri&ccedil;&atilde;o</th>					
					<th>Tipo</th>
					<th style = "text-align: center";>Excluir</th>	
                </tr>
                </thead>
				<tbody>
<?php
while ($linha = mysqli_fetch_array($res_permissao)){ ?>    
               
                <tr>
					<td><?php echo "$linha[0]";?></td>
                    <td><?php echo "$linha[1]";?></td>
					<td><?php echo "$linha[2]";?></td>	
					<td><?php echo "$linha[3]";?></td>	
					<td><?php echo "$linha[4]";?></td>					
					<td style = "text-align: center";><button type="button" class="btn btn-sm btn-danger delete" data-nome="<?php echo "$linha[2]";?>" data-id="<?php echo "$linha[0]";?>" data-toggle="modal" data-target="#modaldeletePermissao"><span class="oi oi-trash"></span></button></td>		
                </tr>
<?php 
	} // Fecha loop while 
	}//fecha if registros
else {
echo "<b>N&atilde;o existe(em) permiss&atilde;o para o usu&aacute;rio selecionado !<b>";
}//fecha else
	}// Fecha o IF consulta
?>          
				</tbody>
			</table> 
		</div>  
	</div>
</div>
<?php
/* free result set */
mysqli_free_result($res_permissao);

// Fecha conexao com banco de dados
mysqli_close($conn);
?>
</form>
</body>
</html>

<!-- Formulário Modal Excluir do Bootstrap -->   
<div class="modal fade" id="modaldeletePermissao" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header bg-danger text-white">
        <h5 class="modal-title">Excluir Permiss&atilde;o</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p>Deseja mesmo apagar a Permiss&atilde;o: <span class="pagina"></span></p>
      </div>
      <div class="modal-footer">
        <a href="#" type="button" class="btn btn-danger delete-yes">Sim</a>
        <button type="button" class="btn btn-success" data-dismiss="modal">N&atilde;o</button>
      </div>
    </div>
  </div>
</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script language="javascript" type="text/javascript">		
		
<!-- jQuery (necessario para excluir a GPS) -->
$('.delete').on('click', function(){
      var pagina = $(this).data('nome'); // vamos buscar o valor do atributo data-name que temos no botão que foi clicado
      var id     = $(this).data('id'); // vamos buscar o valor do atributo data-id
      $('span.pagina').text(pagina + ' (id = ' +id+ ')'); // inserir na o nome na pergunta de confirmação dentro da modal     
      $('a.delete-yes').attr('href', '?menu=excl_permissao&id=' +id); // mudar dinamicamente o link, href do botão confirmar da modal
      $('#modaldeletePermissao').modal('show'); // modal aparece
});
</script>

 

4 - excl_permissao.php

 

<?php
#Arquivo de funções *************************************
require ("verifica.php"); 
include("conexao/bdinc.php"); 

#********************************************************
?>
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Exclus&atilde;o da Permiss&atilde;o</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
   <!-- Bootstrap -->   

</head>
<body>
<?php

// ID do usuário logado
$id_usuario = $_SESSION["id_logado"];
if ($id_usuario == 1) {
    
// sql para exclusão de itens
$id = ((int)$_GET["id"]);
$sql = "DELETE FROM acesso WHERE idAcesso = '".$id."'";

if (mysqli_query($conn,$sql)) {

echo "<SCRIPT language=JavaScript> window.alert('A Permiss&atilde;O foi exclu\u00edda com sucesso !'); </SCRIPT>";
echo "<SCRIPT>window.location = '?menu=consultas&con=con_permissao'</SCRIPT>";

} else {
    
echo "Error deleting record: " . mysqli_error($conn);
}
} else {
echo "<SCRIPT language=JavaScript> window.alert('Voc\u00ea n\u00e4o possue permiss\u00e4o para excluir o item do DARF !'); </SCRIPT>";
echo "<SCRIPT>window.location = '?menu=consultas&con=con_permissao'</SCRIPT>";
}
// fecha a conexão mysqli_close($conn);
mysqli_close($conn);

?>
</body>
</html>

Pessoal abaixo que essa linha que não esta sendo executada:

 $('a.delete-yes').attr('href', '?menu=excl_permissao&id=' +id); // mudar dinamicamente o link, href do botão confirmar da modal

 

Alguem pode me ajudar a resolver isso?

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por violin101
      Caros amigos, saudações.
       
      Estou com uma pequena dúvida, referente a PEGAR AUTOMATICAMENTE a HORA e alimentar o campo INPUT.
       
      Tenho uma rotina, que estava aparentemente funcionando corretamente, mas agora estou tendo problema.
       
      A rotina, pega a HORA atual e informa automaticamente o INPUT, não estou entendendo porque agora não está mais fazendo.

      Abaixo a rotina.

       
      <div class="col-lg-3"> <label for="cotaHrsinicio">Hora da Abertura<span class="required">*</span></label> <div class="controls"> <input type="time" id="cotaHrsinicio" name="cotaHrsinicio" class="form-control" style="width:100%;" value="" /> <!-- NESSE INPUT A ROTINA INFORMA A DATA ATUAL --> </div> </div>  
       
      function date_time() { var date = new Date(); //var am_pm = "AM"; var hour = date.getHours(); /* if(hour>=12){ am_pm = "PM"; } */ if (hour == 0) { hour = 12; } if(hour<12){ hour = hour - 12; } if(hour>12){ hour + 12; } if(hour<10){ hour = "0"+hour; } var minute = date.getMinutes(); if (minute<10){ minute = "0"+minute; } var sec = date.getSeconds(); if(sec<10){ sec = "0"+sec; } /* *Formato da Hora (h:m:s) * Passar para a Variável: Hora Atual */ var cotaHrsinicio = document.getElementById("cotaHrsinicio").value = hour+":"+minute; }
      Grato,
       
      Cesar

       
    • Por luiz monteiro
      Bom dia.
      Estou precisando formatar um campo de entrada type text somente para numero com a seguinte formatação.
      se menor que 999 mostrar dessa forma mesmo, nesse caso seria para centena.dezena.unidade. Tipo 001 até 009 depois 010 até 099 depois 100 até 999
      de 1.000 até 999.999  mostrar com o ponto, nesse caso seria para milhar.centena.dezena.unidade. Tipo 001.000 até 001.999 e assim por diante.
      de 1.000.000 até 9.999.000, nesse caso seria para milhão.milhar.centena.dezena.unidade. aqui mesma ideia....
      Parecidos com aqueles campos de preço, que ao digitar os zeros ficam a esquerda até o valor atingirem a unidade correspondente.
       
      Tentei adaptar esse que encontrei na net.
      function moeda(a, e, r, t) { let n = "" , h = j = 0 , u = tamanho2 = 0 , l = ajd2 = "" , o = window.Event ? t.which : t.keyCode; if (13 == o || 8 == o) return !0; if (n = String.fromCharCode(o), -1 == "0123456789".indexOf(n)) return !1; for (u = a.value.length, h = 0; h < u && ("0" == a.value.charAt(h) || a.value.charAt(h) == r); h++) ; for (l = ""; h < u; h++) -1 != "0123456789".indexOf(a.value.charAt(h)) && (l += a.value.charAt(h)); if (l += n, 0 == (u = l.length) && (a.value = ""), 1 == u && (a.value = "0" + r + "0" + l), 2 == u && (a.value = "0" + r + l), u > 2) { for (ajd2 = "", j = 0, h = u - 3; h >= 0; h--) 3 == j && (ajd2 += e, j = 0), ajd2 += l.charAt(h), j++; for (a.value = "", tamanho2 = ajd2.length, h = tamanho2 - 1; h >= 0; h--) a.value += ajd2.charAt(h); a.value += r + l.substr(u - 2, u) } return !1 } Mas sem sucesso.
       
      Grato por enquanto.
       
       
       
    • Por Giovanird
      O script abaixo atualiza a página (centro.php) a cada um minuto e dentro desta página terei uma div que não poderá ser atualizada.
      Tentei colocar esta div como pagina com setInterval de 100 minutos porem ao dar o refresh no centro.php  tudo vai junto.  Será que isto é possivel?

      Desde já meu muito obrigado!
      <script> function atualiza(){ var url = 'centro.php'; $.get(url, function(dataReturn) { $('#centro').html(dataReturn); }); } setInterval("atualiza()",60000); </script>  

    • Por luiz monteiro
      Bom dia. Eu estou tentando encontrar uma maneira de evitar que após o usuário selecionar, se selecionar, uma imagem, essa seja substituída apenas por outra selecionada. Porém quando o usuário cancela a seleção, o input file remove o arquivo se já foi selecionado anteriormente.
      Essa é a estrutura que estou usando HTML
      form action="#" method="post" name="formulario" id="formulario" enctype="multipart/form-data"
      input type="file" name="file_name[]" br input type="file" name="file_name[]" br button enviar /button /form
      JS PURO
      Peguei esse script em um post aqui do stackoverflow e adaptei
      script type="text/javascript"
      let formulario = document.querySelector("#formulario"); formulario.addEventListener("change", (e)=>{ e.preventDefault(); var file = e.target.files[0]; if (e.target.files.length === 1 && e.target.files !== undefined && e.target.files !== null && file.type.match('image.*')) { console.log("if okay"); } else { //preciso entender o que devo fazer aqui para verificar se há arquivo no DOM desse target caso, o usuário cancele a seleção, para evitar que se há um arquivo no DOM esse permaneça. console.log(file); //CASO O USUÁRIO CANSELA A SELEÇÃO, RETORNA undefined } }); /script
      O if está correto, porém o que falta é o que fazer no else. Agradeço desde já.
    • Por ILR master
      Fala pessoal, tudo bem?
       
      Tô tentando fazer um pre-loading, mas não consigo de jeito algum.
      Quero mostrar uma animação enquanto a página é carregada e depois de caregada, esconder a animação e mostrar conteúdo.
       
      Aguém pode me ajudar?
       
      Segue código abaixo
       
       
      <!DOCTYPE html>
      <html lang="pt-br">
      <head>
          <meta charset="utf-8">
          <meta name="viewport" content="width=device-width, initial-scale=1.0" />  
          <title>PÁGINA LOAD</title>

      <style type="text/css">
      .loadclass {
          border: 2px solid #f3f3f3; /* Light grey */
          border-top: 4px solid #ffc401; /* Blue */
          border-radius: 50%;
          width: 50px;
          height: 50px;
          animation: spin 2s linear infinite;
      }
      @keyframes spin {
          0% { transform: rotate(0deg); }
          100% { transform: rotate(360deg); }
      }
      .conteudo {
          display:none;
      }
      </style>
      <script>
          function loading(){
              document.getElementsByClassName('loadclass')[0].style.display="none";
              document.getElementsByClassName('conteudo').style.display="block";
          }
      </script>
      </head>
      <body onLoad="loading()">
      <div class="loadclass"></div>
      <div class="conteudo">SEU CONTEUDO AQUI DENTRO!!!</div>
      </body>
      </html>
×

Informação importante

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