Popup

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

JavierB · #2 (**permalink**) 13/06/2007, 10:11

Hola spike_jr

Usa esto:

Código:

<input type="button" value="Cerrar" onclick = "self.close()" />

Saludos,

spike_jr · #3 (**permalink**) 13/06/2007, 10:52

Hola JavierB,

Lo que me dices es para cerrar la ventana principal, desde la que habro el popup. Yo lo que quiero es meter un boton dentro del popup que sirva para cerrar el popup.

Saludos,

Spike_jr

JavierB · #4 (**permalink**) 13/06/2007, 11:06

Hola de nuevo.

¿Lo has probado?

Saludos,

dblanco · #5 (**permalink**) 13/06/2007, 11:06

hola spike_jr,

creo que dice JavierB que has de introducir el código "self.close()" ya sea con un input o un simple href pero dentro del popup igual que introduces el texto, mediante "ventana.document.write".

saludos

spike_jr · #6 (**permalink**) 13/06/2007, 12:49

Hola dblanco,

precisamente esa es mi duda, en que parte del codigo he de introducir eso?

Lo he probado fuera de la funcion javascript y dentro de la funcion javascript, agradeceria q me dijeseis donde ponerlo exactamente.

saludos,

spike_jr

dblanco · #7 (**permalink**) 13/06/2007, 14:36

por ejemplo añade esta linea debajo del último "ventana.document.write":

Código:

ventana.document.write("<br/><a href='javascript:self.close();'>Cerrar</a>");

evidentemente puedes sustituir el texto por una imagen o un botón o lo que quieras y añadir un onclick.

saludos

spike_jr · #8 (**permalink**) 13/06/2007, 15:52

Hola dblanco,

Eso es exactamente lo que buscaba :D

Gracias.

Saludos,

spike_jr