Pasar de una ventana modal a otra!!!

[ReaS]

Hola a todos!!! tengo el siguiente problema, tengo un formulario dentro de una ventana modal y lo que necesito hacer es que al enviar el formulario me abra otra ventana modal con otro formulario por ejemplo!!!

Estoy ocupando esta funcion para rescatar los datos de la primera ventana!!!

Código Javascript:

$(function(){
    $('#form').submit(function(){
        var data = $(this).serialize();
        $.post('consulta.php',data,function(respuesta){
             $('#myModal').modal('hide');
             
        });
        return false;
    });
});
 

Espero me puedan dar una mano con esto, ya que soy nuevo programando y se me a dificultado un poco!

Saludos

[Reedyseth]

Nada mas despues del hide muestra la otra modal

Código Javascript:

$(function(){
    $('#form').submit(function(){
        var data = $(this).serialize();
        $.post('consulta.php',data,function(respuesta){
             $('#myModal').modal('hide');
             $('#myModal_2').modal('open');
        });
        return false;
    });
});
 

[ReaS]

Gracias Reedyseth me sirvio lo que me dijiste solo que coloque show en vez de open y me funciono!!! Ahora te explico un poco lo que tengo que hacer a ver si me puedes guiar, es una secuencia de preguntas y estas van en las ventanas modales 1 pregunta por ventana y al presionar siguiente por ejemplo se abre la otra ventana con la siguiente pregunta y estas se ingresan en una tabla en la base de datos!!! Como tendria que ir rescatando las respuestas de cada ventana para luego ingresarlas a la base de datos??? Ojala se entienda lo que explique y me puedas hechar una mano cualquier sugerencia es bien recibida!!!

Saludos

[Reedyseth]

Esta muy interesante lo que haces, pero mira, yo lo que haria en vez de estar abriendo varias ventanas modales, seria agrupar las preguntas en divs y todo esto manejarlo en un solo modal, si te fijas con el modal tienes la opcion de crear botones, crea un boton de siguiente y cuando lo preciones haces tus peticiones Ajax para cada pregunta, te voy a poner un ejemplo y tu te encargar de hacer las peticiones Ajax con el servidor como lo estas haciendo con $.post();

Código Javascript:

$(document).ready(function () {
            var trackQ = 1; // variabel con la que sabemos en que pregunta esta
            $('#button').button();
        
            $('#preguntas').dialog({
                autoOpen: false,
                modal: true,
                width: 450,
                height: 350,
                title: "Cuestionario",
                buttons: {
                    Siguiente: function () {                        
                        // escondemos las preguntas actuales
                        $(".p" + trackQ).hide("drop", 300, function(){
                            // Si el trackQ es 3 volver al principio, sino incrementarlo                            
                            trackQ == 3 ? trackQ = 1 :trackQ++;
                            //alert(".p" + trackQ);
                            $(".p" + trackQ).show("drop", 300); 
                        });                     
                    },
                    Cancelar: function () {
                        $(this).dialog("close");
                    }
                },
                close: function() {
                    // para que al momento de volver a abrirlo se muestre de nuevo
                    $(".p1").show();
                }
            });
        
        
            $('#button').click(function () {
                $(".p2, .p3").hide();
                $('#preguntas').dialog("open");
            });
        });
 

HTML que se usa:

Código HTML:

<button id="button">Abrir preguntas</button>
        <div id="preguntas">
            <div class="p1">
                <label>Nombre:</label>
                <input type="text" /><br/>
                <label>Apellido:</label>
                <input type="text" />
            </div>
            <div class="p2">
                <label>Direccion:</label>
                <input type="text" /><br/>
                <label>Ciudad:</label>
                <input type="text" />
            </div>
            <div class="p3">
                <label>Codigo Postal:</label>
                <input type="text" /><br/>
                <label>Telefono:</label>
                <input type="text" />
            </div>
        </div>
 

Y aqui lo puedes correr para ver como funciona: http://fiddle.jshell.net/ZW29U/

[ReaS]

Gracias Reedyseth !!! tratare de seguir el ejemplo que me diste a ver si me resulta!!!

[Reedyseth]

Tienes que hacer algo de trabajo pero esta bien interesante la implementacion, hazlo y me cuentas, saludos...

[ReaS]

La verdad nose como implementarlo!!! Help!!!

[Reedyseth]

Mira te fijas que cuando le presionas siguiente se va a una función, ahí ya sabes en que parte de las preguntas estas, y en base a eso puedes ir metiendo mas funciones con condicionales if, o como esta trackQ, con ese sabes cuando llegaste a la ultima pregunta y ahí es cuando le haces la llamada Ajax.

Cual es la secuencia de las preguntas y a donde tiene que llegar, o cual es tu resultado final !!