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>
Código PHP:
Bienvenido: <?php echo $_POST["name"]; ?><br>
Tu e-mail es: <?php echo $_POST["email"]; ?>
Código:
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.$(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 he solucionado facilmente por mi mismo, bueno no tanto asi me ayudó un poco esto
[URL="http://jqueryui.com/dialog/#animated"]jQueryUI[/URL]