Hola, tengo un formulario con unos datos de cliente. Nombre, apellidos, descripcion, etc.
En el formulario he puesto dos botones. Uno de enviar (guarda los datos en la base de datos) y otro de "Vista previa".
Lo que hago con el vista previa es llamar a un popup y quiero mostrar en el todos los datos que hay ingresado en el formulario, pero con un aspecto formateado (para que nos entendamos mas bonito, con colorines y demas) para que se pueda previsualizar los datos de cliente antes de enviarlos.
El problema lo tengo en pasar los datos hacia el popup. Porque si los paso llamando a un formulario se me envia. y si abro el popup y intento pasar los parametros por php, pues aun no los interpreta porque estan en el cliente y no han llegado al servidor.''''''''
El codigo es el siguiente:
procesado.php (formulario original que procesa los datos)
Código HTML:
<form method="post" action="procesado.php">
<input type="text" id="nombre" name="nombre">
<input type="text" id="apellidos" name="apellidos">
<script>
var nombre=document.getElementById('nombre').value
var apellidos=document.getElementById('apellidos').value
</script>
<form>
<input type="button" name="vista" value="Vista previa" onClick"javascript:window.open('archivo.php?nombre='+nombre+'&apellidos='+apellidos,'width=450,height=275)">
</form>
<input type="submit" name="env" value="Enviar">
</form> Como veis, lo que hago es "capturar" con javascript lo que se ha escrito en los inputs y enviarlo en el popup con el boton de vista previa. OJO! no quiero enviar el formulario, si no solo que se previsualice, porque si al usuario no le gusta puede cerrar el popup y seguir editando. El que envia el formulario y lo procesa es el input de enviar
luego tengo el:
archivo.php (es el archivo que me da conflicto y que no me coge bien los parametros por url).
Código PHP:
echo $_GET["nombre"];
echo $_GET["apellidos"];
echo $_POST["nombre"];
echo $_POST["apellidos"];
Lo he puesto tanto para GET como para POST, pero la salida que me da es:
[object HTMLInputElement]
[object HTMLInputElement]
[object HTMLInputElement]
[object HTMLInputElement]
He buscado info sobre ello y solo veo que se refiere a que es un elemento input, es decir, esta haciendome echo de un input pero no de su value que era lo que habia "intentado" hacer mediante javascript.
Podrian orientarme en como hacer este sistema de vista previa o previsualizacion?. Gracias.