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]