OK, como dije en mi primer post asumí que tenias conocimientos de AJAX, si no es así no te puedo dar una solución, así es como lo haría yo:
Código Javascript
:
Ver originalfunction cargar() {
addEvent($("enviar"),"click",enviar_post,false);
}
function enviar_post(e) {
stopEvent(e);
var n1 = $("n1").value;
var n2 = $("n2").value;
var n3 = $("n3").value;
if(n1!="" && n2!="" && n3!="") {
var data = {n1:n1, n2:n2, n3:n3};//datos a evnviar
requestAJAX(this.form.action,response,{data:data});//mi peticion AJAX
} else {
alert("Por favor llene los campos");
}
}
function response(r) {
var mos = $("mostrar");
mos.innerHTML = r;//adhiero la respuesta al div
createModal("Retornado del POST",mos.cloneNode(true));//creo la ventana modal
}
addEvent(window,"load",cargar,false);
Código CSS:
Ver original#mostrar {
width: 300px;
height: 200px;
background: #FFF;
display: none;
}
Código HTML:
Ver original<form action="prueba.php" method="post"> <input type="text" name="n1" id="n1" /> <input type="text" name="n2" id="n2"/> <input type="text" name="n3" id="n3" /> <input type="submit" value="enviar" id="enviar" />
resultado:
Claro que estoy manejándolo con mi script. Espero que alguien te de una mejor respuesta SALUDOS.