Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/03/2014, 16:43
oscurogt
 
Fecha de Ingreso: agosto-2013
Ubicación: Guatemala
Mensajes: 137
Antigüedad: 10 años, 8 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 10:23 Razón: Como siempre me respondo a mi mismo