Tengo un problema, he estado buscado por el foro alguna funcion o script de javascript para enviar la informacion que tengo en un formulario a un popup y en esta se visualice el contenido del formulario, para ser mas exactos estoy haciendo un preview

buscando encontre este codigo que ya pude hacer que mas o menos jale
Código:
el cual lo coloco en un button asionclick="window.open('preview.php', 'ventana', 'width=300,height=200'); document.forms.form1.submit()"
Código:
pero al abrir la ventana no puedo mostrar el contenido, utilizo php para mostrar el contenido de este caso POST, pero al parecer no se envia la informacion del formulario, les pongo un ejemplo de como lo tengo<input type="button" name="preview" value="preview" onclick="window.open('preview.php', 'ventana', 'width=300,height=200'); document.forms.form1.submit()"/>
Código:
tal cual lo estoy utilizando, no se si me puedan orientar un poco<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Documento sin título</title> </head> <body> <form id="form1" name="form1" method="post" action="preview.php"> pepe <label> <input name="pepe" type="text" id="pepe" size="40" maxlength="255" /> </label> <p>jose <label> <input name="jose" type="text" id="jose" size="40" maxlength="255" /> </label> </p> <label> <input type="button" name="preview" value="preview" onclick="window.open('preview.php', 'ventana', 'width=300,height=200'); document.forms.form1.submit()"/> </label> <p> <label> <input type="submit" name="Submit" value="Enviar" /> </label> </p> </form> </body> </html>
de antemano gracias