Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Como obtener el resultado de una consulta en una ventana Modal

Estas en el tema de Como obtener el resultado de una consulta en una ventana Modal en el foro de Jquery en Foros del Web. Buen día compañeros, tengo un formulario para ingresar datos comunes Código HTML: <form method= "post" id= "contacto" > Name: <input type= "text" name= "name" > ...
  #1 (permalink)  
Antiguo 26/03/2014, 17:43
 
Fecha de Ingreso: agosto-2013
Ubicación: Guatemala
Mensajes: 137
Antigüedad: 6 años, 2 meses
Puntos: 4
Pregunta Como obtener el resultado de una consulta en una ventana Modal

Buen día compañeros, tengo un formulario para ingresar datos comunes

Código HTML:
<form method="post" id="contacto">
Name: <input type="text" name="name"><br>
E-mail: <input type="text" name="email"><br>
<input type="submit" value="enviar" id="input">
</form>
<div id="resultado" title="Resultado"></div> 
y tengo un documento PHP que los recibe "crea.php"

Código PHP:
Bienvenido: <?php echo $_POST["name"]; ?><br>
Tu e-mail es: <?php echo $_POST["email"]; ?>
lo que hago es simple, envio los datos por Ajax a traves de jQuery con este codigo

Código:
$(function(){
    $('#contacto').submit(function() {
		var url="crea.php";
        $.ajax({
            type: "POST",
            url: url,
            data: $("#contacto").serialize(),
            success: function(data) {
				$("#resultado").html(data);
            }
		});
		return false;
	});
});

$(function() {
    $( "#resultado" ).dialog({
      autoOpen: false,
      show: {
        effect: "blind",
        duration: 1000
      },
      hide: {
        effect: "explode",
        duration: 1000
      }
    });
 
    $( "#input" ).click(function() {
      $( "#resultado" ).dialog( "open" );
    });
  });
lo que quiero hacer es que el DIV "resultado" se convierta en una ventana modal y que en lugar de mostrarme los resultados debajo del formulario, aparezca como un modal, he intentado con dialog("open") pero nada la verdad no se como proceder, apreciaria mucho su ayuda.

Lo he solucionado facilmente por mi mismo, bueno no tanto asi me ayudó un poco esto
[URL="http://jqueryui.com/dialog/#animated"]jQueryUI[/URL]

Última edición por oscurogt; 27/03/2014 a las 11:23 Razón: Como siempre me respondo a mi mismo

Etiquetas: modal, resultado, ventana
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:49.