Ir para conteúdo

Arquivado

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

Eduardo Trindade

Problema para exibir Modal

Por , em Javascript

Recommended Posts

Eduardo Trindade    0

Eduardo Trindade
Postado

Olá pessoal! Sou novo no fórum e espero estar postando na área correta. Meu problema é o seguinte:

 

Dado uma consulta SQL que me retorna todos os Alunos cadastrados numa biblioteca, preciso criar o Modal para visualizar os dados mais relevantes de cada aluno, que já está sendo exibido corretamente na tabela. Em seguida farei outro Modal para editar. Acontece que ao chamar o Modal para visualizar as informações do aluno, ele simplesmente não abre. Acredito que tenha identificado onde está o erro, mas ainda não consegui resolver.

 

A estrutura que permite visualizar a tabela está da seguinte forma:

  


<?php foreach($alunos as $alunos):?>
             <tr class="col-form-label">
                            <td><?=$alunos->status?></td>
                            <td><?=$alunos->matricula?></td>
                            <td><?=$alunos->nome?></td>
                            <td><?=$alunos->datanascimento?></td>
                            <td><?=$alunos->endereco?></td>
                            <td><?=$alunos->telefone?></td>
                            <td><?=$alunos->celular?></td>
                            <td>
                                <button type="button" class="btn btn-xs btn-primary" data-toggle="modal" data-target="#myModal<?php echo $alunos->id_alunos;?>">Visualizar</button>
                                <button type="button" class="btn btn-xs btn-warning" data-toggle="modal" data-target="#myModal2<?php echo $alunos->id_alunos;?>">Editar</button>
                                <button type="button" class="btn btn-xs btn-danger" data-toggle="modal" data-target="#myModal3<?php echo $alunos->id_alunos;?>">Apagar</button>

                        </td>
           </tr>

 

Já a chamada do Modal ficou assim:

  


<!-- Inicio Modal -->
                                <div class="modal fade" id="myModal<?php echo $rows_alunos['id_alunos']; ?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                                    <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 text-center" id="myModalLabel"><?php echo $rows_alunos['nome']; ?></h4>
                                            </div>
                                            <div class="modal-body">
                                                <p><?php echo $rows_alunos['id_alunos']; ?></p>
                                                <p><?php echo $rows_alunos['nome']; ?></p>
                                                <p><?php echo $rows_alunos['matricula']; ?></p>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">Sair</button>
                                           </div>
                                        </div>
                                    </div>
                                </div>
<!-- Fim Modal -->

 

Acontece que, se eu retirar os trechos do PHP <?php echo $alunos->id_alunos;?> após o data-target="myModal no primeiro botão e <?php echo $rows_alunos['id_alunos']; ?>  na primeira linha do início do Modal, ele abre, mas sem funcionalidade, com os erros do modal-body. Porém, do jeito que está, não abre. Não sei onde estou declarando algo errado, e agradeço imensamente quem puder me orientar nesta situação. 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Eduardo Trindade    0

Eduardo Trindade
Postado

Bom, não sei se ajuda, mas promovi as seguintes mudanças:

  

<button type="button" class="btn btn-xs btn-primary" data-toggle="modal" data-target="#myModal" id="<?php echo $alunos->id_alunos;?>"><i class="fa fa-book"></i>Visualizar</button>

  

<!-- Inicio Modal -->
                                <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                    <div class="modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <br/><br/><h4 class="modal-title" id="myModalLabel"><?php echo $alunos->nome; ?></h4>
                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            </div>
                                            <div class="modal-body">
                                                <p>ID: <?php echo $alunos->id_alunos; ?></p>
                                                <p>Nome: <?php echo $alunos->nome; ?></p>
                                                <p>Matrícula: <?php echo $alunos->matricula; ?></p>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">Sair</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
<!-- Fim Modal -->

 

Com isso, alterando o botão e o Modal, ele passou a abrir. Porém, se tenho 10 índices na tabela, em todos ele só exibe o primeiro. Se eu tentar passar a id_alunos no id do Modal ele não abre :pensive:.. Exemplo: Tenho 4 pessoas, todas as linhas que clico Visualizar mostram apenas o primeiro.

 

 

exemploModal.jpg

Compartilhar este post

Link para o post
Compartilhar em outros sites

Pita    53

Pita
Postado

Esse bloco do Modal("<!-- Inicio Modal -->" ate o "<!-- Fim Modal -->"), você faz isso dentro de um loop, ou seja, cria um modal para cada aluno?

Compartilhar este post

Link para o post
Compartilhar em outros sites

alexalannunes    1

alexalannunes
Postado 
<button type="button" class="btn btn-xs btn-primary" data-toggle="modal" data-target="#myModal<?php echo $alunos->id_alunos;?>"><i class="fa fa-book"></i>Visualizar</button>

O certo seria você colocar pra cada data-target="" um ID

como eu fiz no exemplo acima

 

pois cada botao vai referenciar ao respectivo modal

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript

  • Conteúdo Similar

    • landerbadi
      Consulta SQL dentro de outra consulta
      Por landerbadi
      Boa tarde pessoal. Estou tentado fazer uma consulta no banco de dados porém estou tendo dificuldades. Tenho uma tabela chamada "itens" com os seguintes campos: id, item, ativo. Nela tem cadastrado vários itens. No campo ativo eu coloco a letra "S" para informar que este item está ativo no sistema. Por exemplo: 1, casa, S 2, mesa, S 3, cama, S 4, moto S 5, rádio O quinto registro "radio" não está ativo no sistema pois não tem um "S" no campo ativo. E outra tabela chamada "produtos" com os seguintes campos (id, item1, item2, item3) com os seguintes registros: 1, casa, mesa, moto 2, mesa, casa, cama 3, rádio, cama, mesa Eu preciso fazer uma busca na tabela produtos da seguinte maneira: Eu escolho um registro na tabela "itens", por exemplo "mesa". Preciso fazer com que o php me liste todos os registros da tabela "produtos" que contenham a palavra "mesa". Até aqui tudo bem eu consigo listar. Estou fazendo assim: <?php $item = "mesa" $sql = mysqli_query($conn, "SELECT * FROM produtos WHERE item1 LIKE '$item' OR item2 LIKE '$item' OR item3 LIKE '$item' LIMIT 10"); while($aux = mysqli_fetch_assoc($sql)) { $id = $aux["id"]; $item1 = $aux["item1"]; $item2 = $aux["item2"]; $item3 = $aux["item3"]; echo $id . " - " . $item1 . ", " . $item2 . ", " $item3 . "<br>"; } ?> O problema é que está listando todos os registros que contém o item mesa. Eu preciso que o php verifique os demais item e me liste somente os registro em que todos os registros estejam ativos no sistema. No exemplo acima ele não deveria listar o registro 3. pois nesse registro contém o item "radio" e este item não está ativo no sistema. Ou seja, o registro "radio" na tabela itens não possui um "S" na coluna "ativo". Alguém sabe como resolver isso?
    • ILR master
      Ler campos com caracteres especiais no xml
      Por ILR master
      Fala galera.
      Espero que todos estejam bem.
      Seguinte: Tenho um arquivo xml onde alguns campos estão com : (dois pontos), como o exemplo abaixo:
       
      <item>
      <title>
      d sa dsad sad sadasdas
      </title>
      <link>
      dsadas dsa sad asd as dsada
      </link>
      <pubDate>sadasdasdsa as</pubDate>
      <dc:creator>
      d sad sad sa ad as das
      </dc:creator>
      </item>
       
      Meu código:
       
      $link = "noticias.xml"; 
      $xml = simplexml_load_file($link); 
      foreach($xml -> channel as $ite) {     
           $titulo = $ite -> item->title;
           $urltitulo = $ite -> item->link;
           print $urltitulo = $ite -> item->dc:creator;
      } //fim do foreach
      ?>
       
      Esse campo dc:creator eu não consigo ler. Como faço?
       
      Agradeço quem puder me ajudar.
       
      Abs
       
       
    • First
      Sistema não funciona corretamente
      Por First
      Olá a todos!
       
      Eu estou criando um sistema do zero mas estou encontnrando algumas dificuldades e não estou sabendo resolver, então vim recorrer ajuda de vocês.
      Aqui está todo o meu código: https://github.com/PauloJagata/aprendizado/
       
      Eu fiz um sistema de rotas mas só mostra o conteúdo da '/' não sei porque, quando eu tento acessar o register nada muda.
      E eu também quero que se não estiver liberado na rota mostra o erro de 404, mas quando eu tento acessar um link inválido, nada acontece.
      Alguém pode me ajudar com isso? E se tiver algumas sugestão para melhoria do código também estou aceitando.
       
       
      Desde já, obrigado.
    • landerbadi
      Saber se todos os produtos de uma consulta estão cadastrados no banco de dados
      Por landerbadi
      Olá pessoal, boa tarde
       
      Tenho uma tabela chamada "produtos" com os seguintes campos (id, produto) e outra tabela chamada "itens" com os seguintes campos (id, prod_01, prod_02, prod_03, prod_04).
       
      Na tabela produtos eu tenho cadastrado os seguintes produtos: laranja, maçã, uva, goiaba, arroz, feijão, macarrão, etc.
       
      Na tabela itens eu tenho cadastrado os itens da seguinte maneira:
       
      1, laranja, uva, arroz, feijão;
      2, maçã, macarrão, goiaba, uva;
      3, arroz, feijão, maçã, azeite
       
      Meu problema é o seguinte: 
      Eu escolho um produto da tabela "produtos", por exemplo "uva".  Preciso fazer uma consulta na tabela "itens" para ser listado todos os registros que contenham o produto "uva" e que todos os demais produtos estejam cadastrados na tabela "produtos".
       
      No exemplo acima seria listado apenas dois registros, pois o terceiro registro não contém o produto "uva". 
       
      Alguém pode me ajudar? Pois estou quebrando a cabeça a vários dias e não consigo achar uma solução.
    • ILR master
      Abrir url na mesma janela
      Por ILR master
      Pessoal, pergunta bem simples. Abaixo tenho o seguinte código:
       
      <script>
      function alerta()
      {
        if (window.confirm("Você realmente quer sair?")) {
          window.open("sair.html");
      }
      }
      </script>
       
      Funciona perfeitamente, só que está abrindo em outra janela e quero que abra na mesma janela.
       
      Alguém pode me ajudar?
×

Informação importante

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

  Aceito