Como abrir una nueva pagina en un modal

Estado

🔒 Este tema está cerrado para nuevas respuestas.

⏰ Solo el creador del tema puede solicitar la reapertura de sus propios temas, pero únicamente dentro de los 60 días previos a la última actualización.

Federico99 Seguir
Seguidores
12

1
Mi
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
3 Ene 2017
Mensajes
3.290
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!
 

rPeter

Beta
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
18 Ago 2018
Mensajes
142
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:eek:nthego:
 

Federico99

1
Mi
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
3 Ene 2017
Mensajes
3.290
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:eek: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!!!
 

efrawebs

Delta
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
3 Dic 2015
Mensajes
680
Solución completa a tu problema
Insertar CODE, HTML o PHP:
http://jsbin.com/uruyob/1/edit?html,css,js,output
 

Luis Eduardo Jaimes H

Gamma
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
Desde
6 Jul 2018
Mensajes
271
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
 

canon109

Beta
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
11 Jul 2018
Mensajes
110
Interesante, yo también lo necesitaba aprendiendo JS aun
 
Estado

🔒 Este tema está cerrado para nuevas respuestas.

⏰ Solo el creador del tema puede solicitar la reapertura de sus propios temas, pero únicamente dentro de los 60 días previos a la última actualización.

Arriba