Como abrir uma nova página em um modal

  • Autor Autor Federico99
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Status

🔒 Este tópico está fechado para novas respostas.

⏰ Apenas o criador do tópico pode solicitar a reabertura de seus próprios tópicos, mas apenas dentro dos 60 dias anteriores à última atualização.

Federico99

Federico99

1
Mi
Verificado
Verificación en dos pasos activada
Suscripción a IA
Hola gente!

Necesito abrir una nueva página en un modal, es decir, cargar por ejemplo contacto.php dentro de un modal.

Como puedo hacer esto? Me darian una mano por favor? He busco pero no le encuentro la vuelta, hacer el modal es sencillo pero no se como cargar una nueva pagina dentro.

Gracias!
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Aquí tienes un ejemplo gratis

Para que se abra el formulario dentro de la modal ,haz click en contact us en la parte izquierda.
Para ver el código CTRL+U.
A partir de aquí ya modificas el código y lo adaptas a tus necesidades.

Saludos😱nthego:
 
Aquí tienes un ejemplo gratis

Para que se abra el formulario dentro de la modal ,haz click en contact us en la parte izquierda.
Para ver el código CTRL+U.
A partir de aquí ya modificas el código y lo adaptas a tus necesidades.

Saludos😱nthego:

Hola Peter! Muchas gracias por tu comentario, pero ese modal está dentro del html.


HTML:
<div class="modal-body">
    
        <form role="form" method="post" id="reused_form" >
        <p>
            Send your message in the form below and we will get back to you as early as possible.
        </p>
    
        <div class="form-group">
            <label for="name">
                Name:</label>
            <input type="text" class="form-control" 
            id="name" name="name"   required maxlength="50">

        </div>
        <div class="form-group">
            <label for="email">
                Email:</label>
            <input type="email" class="form-control" 
            id="email" name="email" required maxlength="50">
        </div>
        <div class="form-group">
            <label for="name">
                Message:</label>
            <textarea class="form-control" type="textarea" name="message"
            id="message" placeholder="Your Message Here" 
            maxlength="6000" rows="7"></textarea>
        </div>
                 
          
        
                       
        
        <button type="submit" class="btn btn-lg btn-success btn-block" id="btnContactUs">Post It! &rarr;</button>

    </form>
    <div id="success_message" style="width:100%; height:100%; display:none; ">
        <h3>Sent your message successfully!</h3>
    </div>
    <div id="error_message" 
    style="width:100%; height:100%; display:none; ">
        <h3>Error</h3>
        Sorry there was an error sending your form.

    </div> 
</div>

Yo lo que necesito es llamar a otra página, sabrías como se hace?

Gracias!!!
 
Solución completa a tu problema
Inserir CODE, HTML ou PHP:
http://jsbin.com/uruyob/1/edit?html,css,js,output
 
Solución completa a tu problema
Inserir CODE, HTML ou PHP:
http://jsbin.com/uruyob/1/edit?html,css,js,output

Gracias!!!!!!!! 😱nthego: 😱nthego: 😱nthego:
 
las ventanas modales son fáciles de hacer con jquery.
cres un <div> con un class="ventana-modal" y en css le especificas y display: none; y crea una funcion con jquery para que cuando presiones un boton de la pagina aparezca la ventana modal
 
Interesante, yo también lo necesitaba aprendiendo JS aun
 
Status

🔒 Este tópico está fechado para novas respostas.

⏰ Apenas o criador do tópico pode solicitar a reabertura de seus próprios tópicos, mas apenas dentro dos 60 dias anteriores à última atualização.

Voltar
Topo