BOTAO MODAL ABRIR UMA JANELA MODAL

15/10/2015

0

Olá, estou com um problema no action do botao modal de minha pagina web. Ao clicar no botao modal , eu gostaria que fosse aberta uma nova janela modal, na frente da pagina.
Eu estou realizando a manutenção do código, mas eu não consigo criar uma action, um gatilho, onde eu possa colocar esta action em funcionamento. O principal problema é que ja existe uma action onde aparece este botao funcionando, eu queria criar uma segunda action para abrir a janela modal que desejo.

Este é trecho do código atual :

<!-- ***** Portfolio Filters ***** -->
<div class="filters">
<ul class="wow lightSpeedIn">
<li><a href="#" data-filter="*" class="active"><i class="icon-grid"></i></a></li>
<li><a href="#" data-filter=".gestao">Gestao e Governança</a></li>
<li><a href="#" data-filter=".metodos">Métodos</a></li>
<li><a href="#" data-filter=".analises">Análises De Dados</a></li>
<li><a href="#" data-filter=".projetos">Gerenciamento de Projetos</a></li><br>
<li><a href="#" data-filter=".suporte">Suporte Técnico</a></li>
<li><a href="#" data-filter=".processos">Planejamento de Processos</a></li>
<li><a href="#" data-filter=".auditoria">Auditoria de Sistemas e Processos</a></li>
<li><a href="#" data-filter=".integracao">Integração De Sistemas</a></li>
</ul>
</div> <!-- *** end filters *** -->
</div> <!-- *** end container *** -->

<!-- ***** Portfolio wrapper ***** -->
<div class="portfolio-wrapper margin-bottom-medium">
<!-- =========================
PORTFOLIO ITEM 1
============================== -->
<div class="portfolio-item gestao">
<div class="portfolio">
<a href="" title="Gestao" data-lightbox-gallery="portfolio">
<img src="img/portfolio/portfolio_1.jpg" alt="Portfolio 1"/><!-- END PORTFOLIO IMAGE -->
<div class="portfolio-overlay hvr-rectangle-out">
<h2 class="margin-bottom-small">
Gestao &
<strong class="white-color bold-text">Governanca</strong>
</h2>
<p align="justify"><font color="ffffff"></font></p></br>
<div class="button">Como nós fazemos:</div>
</div><!-- END PORTFOLIO OVERLAY -->
</a>
</div>
</div> <!-- *** end portfolio-item *** -->


[img]http://arquivo.devmedia.com.br/forum/imagem/458551-20151015-123142.jpg[/img]

E ESTE É TRECHO DO CODIGO DA W3SCHOOLS ONDE MOSTRA COMO FUNCIONA A JANELA QUE DESEJO,
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">

<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>

</div>
</div>

É possível fazer a action funcionar da maneira que desejo ?
Alberto Brasil

Alberto Brasil

Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar