Ir para conteúdo

POWERED BY:

Arquivado

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

daemon

abrir página como modal

Recommended Posts

Tenho um index.php, gostaria de colocar um botão que abri a janela trial.php em modal...

Algo parecido com isso:

 

http://nakupanda.github.io/bootstrap3-dialog/



Consegui com bootstrap assim:

 

o problema é que quando clico no botao da página externa em modal, ele não valida os formulários.

 

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Language" content="en-us">
<title>Modal</title>
<meta charset="utf-8">
<link href="modal/css/bootstrap.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="modal/js/jquery.js"></script> 
<script type="text/javascript" src="modal/js/bootstrap.js"></script> 
<style>
.modalBox{
margin: 150px;
}
.msg{
width: 150px;
height: 80px;
}
</style>
</head>
<body>
 
<div class="modalBox">
  <a data-toggle="modal" href="#myModal" class="btn btn-primary btn-large">Launch demo modal</a> <br/><br/>
  <a data-toggle="modal" href="http://store.dominio.org" data-target="#modal" class="btn btn-primary btn-large">Load External Page</a>
</div>
 
<!-- Modal External-->
  <div class="modal" id="modal">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Crie sua loja em poucos minutos</h4>
        </div>
        <div class="modal-body">
          Load Data...
        </div>
        <div class="modal-footer">
          <a href="#" class="btn btn-default" data-dismiss="modal">Close</a>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
 
 
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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