Jump to content
  • 0
Mafernardo98

Preciso realizar uma consulta em uma tabela no banco e que o resultado apareça dentro de um modal

Question

Tenho uma tabela chamada bilhete, preciso que o usuário, ao clicar no botão que abre um modal, realize uma consulta dentro dessa tabela, essa consulta precisa pegar um id aleatório e exibir o bilhete entro do modal, algo que simule uma caixinha de bilhetes motivacionais, que pode ser retirado um bilhete por vez... Mas eu não consigo exibir os dados da consulta dentro do modal... por favor me ajudem, sou iniciante nisso

 

Esse é meu index.php

<?php
                    include_once "db.php";
                    $result_bilhete = "SELECT * FROM bilhete WHERE idbilhete = 4";
                    $resultado_bilhete = mysqli_query($conexao, $result_bilhete);
                    $row_bilhete = mysqli_fetch_assoc($resultado_bilhete);
                    ?>
                   <button type="button" class="btn btn-primary view_data" id="<?php echo $row_bilhete['idbilhete']; ?>"data-toggle="modal" data-target="#visulUsuarioModal">Bilhetes</button>
                    <!-- Modal -->
                    <div class="modal fade" id="visulUsuarioModal" tabindex="-1" role="dialog" arial-labelledby="Rotulo do modal">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="titulo-modal">Bilhete Motivacional</h4>
                                </div>
                                <div class="modal-body">
                                    <span id="p-bilhete"></span>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-primary">Salvar Bilhete</button>
                                </div>
                            </div>
                        </div>
                    </div>
        <script>    
                $(document).ready(function(){
                $(document).on('click','.view_data', function(){
                    var idbilhete = $(this).attr("idbilhete");
                    //alert(idbilhete);
                    //Verificar se há valor na variável "idbilhete".
                    if(idbilhete !== ''){
                        var dados = {
                            idbilhete: idbilhete
                        };
                        $.post('vizualizarBilhete.php', dados, function(retorna){
                            //Carregar o conteúdo para o bilhete
                            $("#p-bilhete").html(retorna);
                            $('#visulUsuarioModal').modal('show'); 
                        });
                    }
                });
            });
        </script>

Esse é meu vizualizarBilhete.php

 

<?php
if(isset($_POST["idbilhete"])){
    include_once "db.php";
    
    $resultado = '';
    
    $idBilhetes = rand(4, 10);
    
    $result_bilhete = "SELECT * FROM bilhete WHERE idbilhete = 4";
    $resultado_bilhete = mysqli_query($conexao, $result_bilhete);
    $row_bilhete = mysqli_fetch_assoc($resultado_bilhete);
    
    while($row_bilhete = mysqli_fetch_assoc($resultado_bilhete)){
    
    $resultado .= '<dl class="row">';
    
    $resultado .= '<dt class="col-sm-3">Bilhete</dt>';
    $resultado .= '<dd class="col-sm-9">'.$row_bilhete['bilhete'].'</dd>';
        
    $resultado .= '</dl>';
    
    echo $resultado;
    }
}

 

Share this post


Link to post
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Lincoln Ferreira
      Eu estou tentando fazer um Jquery steps wizard mas não consigo colocar pra ele parar caso não tenha sido preenchido o formulario no segundo passo.
      http://www.jquery-steps.com/Examples
       
      if (newIndex === 2 && $("#Rua").val() == "") { return false; } $(document).ready(function() { $("#wizard").steps({ headerTag: "h2", bodyTag: "section", transitionEffect: "slideLeft", stepsOrientation: "vertical", labels: { current: "current step:", pagination: "Pagination", finish: "Finalizar", next: "Confirmar", previous: "Voltar", loading: "Carregando ..." }, onStepChanging: function(event, currentIndex, newIndex, cepError) { if (currentIndex > newIndex) { return true; } if (newIndex === 1) { return true; } if (newIndex === 2 && $("#Rua").val() == "") { return false; } } } ) }); <div id="wizard"> <h2>Verificação pedido</h2> <section> <h2><strong>Pedido:</strong></h2> <div class="lista-carrinho"></div> </section> <h2>Local de entrega</h2> <section> <div class="informações-usuario"> <form method="get" action="." id="#form-cep"> <div class="form-row"> <div class="form-group col-md-6"> <label for="cep">Cep:</label> <input name="cep" type="text" class="form-control" id="cep" placeholder="09572-660" value="" size="10" maxlength="9" required> </div> <div class="form-row"> <div class="form-group col-md-6"> <label for="rua">Rua:</label> <input name="rua" class="form-control" type="text" id="rua" placeholder="Sete de Dezembro" size="60" maxlength="" /> </div> </div> <div class="form-row"> <div class="form-group col-md-6"> <label for="bairro">Bairro:</label> <input name="bairro" class="form-control" type="text" placeholder="Nova Gerty" id="bairro" size="40" maxlength="40" /> </div> </div> <div class="form-row"> <div class="form-group col-md-6"> <label for="n">N°:</label> <input name="n" class="form-control" type="text" placeholder="2" id="n" size="6" maxlength="10" /> </div> </div> <div class="form-group col-md-6"> <label for="complemento">Complemento:</label> <input name="complemento" type="text" class="form-control" id="complemento" placeholder="Ao lado do extra" value="" size="10" maxlength="9" requerid> </div> <div class="form-row"> <div class="form-group col-md-11"> <label for="cidade">Cidade:</label> <input name="cidade" class="form-control" type="text" placeholder="São Bernardo do Carpo" id="cidade" size="40" maxlength="40" /> </div> </div> </div> </form> </div> </section> <h2>Forma de pagamento</h2> <section> <div class="row d-flex justify-content-center col-sm col-md col-lg m-5 "> <h2>Informe sua forma de pagamento :</h2> </div> <div class="row d-flex justify-content-center col-sm col-md col-lg m-5 "> <div class="col-2"> <li class="list-inline-item"> <div class="pure-radiobutton"> <input id="Dinheiro" name="dinheiro" type="radio" class="radio"> <label for="Dinheiro">Dinheiro</label> </div> </li> </div> <div class="row"> </div> <div class="col-2"> <li class="list-inline-item"> <div class="pure-radiobutton"> <input id="Cartao" name="cartao" type="radio" class="radio"> <label for="Cartao">Cartão</label> </div> </li> </div> </div> </section> </div>
    • By D2th3
      Pessoal,

      Sou intermediário em PHP e estou estudando OO. Vi exemplos de do MVC Pattern usando template view contudo de simples substituição do marcador pelos dados. Eu gostaria que você me pudessem indicar um material de estudo, exemplos de código de um Model, Controller e View que carregasse a template e exibisse, contudo dentro dessa template existisse condicionais e loops como marcadores a serem processados pelo PHP.
       
      Agradeço a ajuda aos meus estudos.
    • By marcelocardoso
      Fala galera...
      Depois de tanto sofrer tentando e pesquisando na internet, não consegui resolver...
      A nível de conhecimento, segue código para:::

      1) Ao clicar, pegar o id do botão, em seguida abrir com slidetoggle e jogar no TOP tipo ancora.
      2) ou seja, expandir a slidetoggle, mas POSICIONAR no id da DIV, SECTION ou etc...

      CODE:
       
      $(function () { // $("#btn-maps").on("click", function () { // $('html, body').animate({ // scrollTop: $("#maps").slideToggle('slow').offset().top - 135 // }, 1200, 'linear'); // }); $("#btn-maps").click( function (event) { event.preventDefault(); if ($("#maps").is(":visible")) { $("#maps").slideUp(600).offset().top; } else { $("#maps").slideDown(600).offset().bottom; } } ); }); Este código, funciona perfeitamente, adaptado de vários códigos buscados na internet, porém, não consigo com nenhum dos dois, posicionar ao CLICK o SLIDETOGGLE ao expandir deixar examente no inicio do ID;

      Dicas, Sugestões como fazer, realizar, agradeço.
      Obrigado.

       
    • By Guss
      var carro = {
      cor = "azul",
      modelo = "fusca",
      marca = "Volwagen,
      kms = 10000,
      combustivel = "gasolina"
      }
       
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.