Foros del Web - Ver Mensaje Individual

spike_jr · #1 (**permalink**) 13/06/2007, 10:08

Hola,

El caso es el este:

Una pagina que maneja un formulario de datos de libros, y esos datos van a pasarse a una ventana tipo popup para ser visualizados. Esa ventana se abrirá con un botón desde el formulario. Lo que no se es como introducir un boton dentro de la ventana PopUp que se llame cerrar para cerrar el popup.

El codigo es este:

Código:

<head>
<script type="text/JavaScript">
<!--

function abrirVentana(f)
{
	if(f.text.value == "")
		alert("El campo Título está vacío");
	else
	{
		ventana =
                window.open("","ventana","height=300,width=300");
		ventana.document.write("<strong>Titulo:</strong> ");
		ventana.document.write(f.text.value);
		ventana.document.write("<br/><strong>Autor:</strong> ");
		ventana.document.write(f.text2.value);
		ventana.document.write("<br/><strong>Editorial:</strong> ");
		ventana.document.write(f.text3.value);
		ventana.document.write("<br/><strong>Temática:</strong> ");
		ventana.document.write(f.select.value);
	}
}

//-->
</script>


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
body {
	background-color: #66FF66;
}
-->
</style></head>

<body>
<form id="form1" name="form1" method="get" action="http://hefesto.uv.es/cgi-bin/ejemcgi">
  <label>
  <input type="text" id = "text" name="textfield" />
  Titulo*<br />
  <br />
  <input type="text" id = "text2" name="textfield2" />
  Autor<br />
  <br />
  <input type="text" id = "text3" name="textfield3" />
  Editorial<br />
  <br />
  <select name="select">
    <option value="Informática" selected="selected">Inform&aacute;tica</option>
    <option value="Ciencia-Ficción">Ciencia-Ficci&oacute;n</option>
	<option value="Literatura">Literatura</option>
	<option value="Ciencias">Ciencias</option>
	<option value="Gastronomía">Gastronom&iacute;a</option>
	<option value="Humanidades">Humanidades</option>
	<option value="Viajes y Ocio">Viajes y Ocio</option>
    <option value="Historia">Historia</option>
  </select>
  <br />
  <br />
  <input type="submit" name="Submit" value="Enviar" />
  <input name="Submit2" type="button" onclick="abrirVentana(form1)" value="Ver Ficha" />
  <input type="reset" name="Submit3" value="Borrar" />
  <br />
  </label>
</form>
</body>

</html>

El problema es que no se como manejar para introducir el boton dentro del popup.

Gracias

Saludos,

Spike_jr