Olá, amigos. Mais uma vez preciso da ajuda de vocês. Estou fazendo a migração do meu pequeno sistema para Bootstrap. Estou implementando janelas modal em diversas partes do sistema. Acredito que uma das vantagens da janela Modal é o fato de o usuário poder acessar os dados sem precisar sair da página atual.
Na página listagem.php, o usuário clica em um dos registros exibidos na tela para acessar mais detalhes. Com isso, é direcionado para a página ver_detalhes.php?cod=(codigo) a assim acessa os dados solicitados. Daí então, caso queira acessar outro registro, é necessário clicar no botão voltar e assim escolher outro registro.
Com a janela Bootstrap, observei que esse será bem mais prático. Basta clicar no registro desejado e acessar os dados via modal Bootstrap. Estou fazendo esta implementação, mas estou com algumas dúvidas. Gostaria de saber se estou fazendo da maneira correta.
Na página listagens.php, coloquei o botão:
<a data-toggle="modal" href="ver_detalhes.php?cod=<?php echo $codigo;?>" data-target="#myModal">Visualizar</a>
Dentro desta mesma página, após a tag body, coloquei o esqueleto do modal:
<!-- Janela Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body"></div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
Na página ver_detalhes.php, inseri seguinte codigo da janela modal (não sei se é necessário) com os dados PHP solicitados, ficando da seguinte forma:
<div class="modal-header bg-primary">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Visualizar acessos - Banco de Currículos</h4>
</div> <!-- /modal-header -->
<div class="modal-body">
//AQUI INSERI O CODIGO PHP EXIBINDO OS DADOS DESEJADOS
</div> <!-- /modal-body -->
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
</div>
Resultado:
A Janela modal é exibida com os dados solicitados, porém, verifiquei que a cada vez que abro a tela modal, o background vai ficando cada vez mais escurecido. Ou seja, no primeiro clique, o background está normal. Ao fechar e abrir novamente o modal, o background fica mais escuro, e assim sucessivamente. É como se a cada vez que ele carregasse o número incrementados de modals.
Pessoal, poderiam verificar o que há de errado na estrutura acima? Essa maneira que utilizei para chamar o modal eu vi em um forum na internet.
background
estar ficando escuro tem a ver com isto, pois o botão de fechar domodal
está em outra página.