Abrir ventana nueva con imagen
Digordz
10 de Enero del 2002
El asunto es al hacer clik en un link necesito crear una ventana nueva, pero dandole parametros de entrada que seria el nombre de una imagen para que me la abra en la nueva ventana, creen que sea posible?
drew
10 de Enero del 2002
Sin utilizar ningún lenguaje de servidor podemos hacerlo de tres maneras como poco.
Te pongo las mas sencillas y la tercera te la cuento.
el codigo html es el siguiente:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function abrir2() {
miVentana = window.open()
miVentana.document.write("<img src='a.gif'>");
}
function abrir() {
miVentana = window.open("hola.html?imagen=miimagen")
}
//-->
</SCRIPT>
</head>
<body>
<a href="javascript:abrir();">Abre la ventana</a><br>
<a href="javascript:abrir2();">Abre la ventana2</a><br>
</body>
</html>
te lo describo:
1º funcion abrir() ---> abrimos una ventana con los parametros que quieras(en este caso solo le hemos puesto la url de la pagina que quieres abrir y le añadimos despues de .html la ? y los pares parametro=valor separados por comas.
Es decir que si quiero ver la página hola.html y quiero pasarle los parametros imagen y edad, cuyos valores sean por ejemplo miImagen y 18 lo haria de la siguiente manera:
window.open("hola.html?imagen=miImagen&edad=18")
si lo pruebas podras ver esos parametros en la barra de direcciones.
Para recogerlos tienes que recuperarlos mediante javascript a traves del objeto location.
1º funcion abrir2() ---> abrimos una nueva ventana y pintamos en ella(document.write) lo que queramos que aparezca.
Por ultimo decirte que entre una ventana y la ventana que es abierta por la primera existe comunicacion y puedes ver las variables javascript de una en la otra y viceversa.
Para probarlo escribe el siguiente codigo javascript en la ventana que abriras(en nuestro ejemplo hola.html)
Te mando el codigo de esa pagina tambien:
hola.html---->
<html>
<head>
<title>Untitled</title>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function ver() {
alert("document.location.href = " +document.location.href)
alert("window.opener = " + window.opener)
}
//-->
</SCRIPT>
</head>
<body onload="ver()">
hola
</body>
</html>
Si tienes alguna duda o no te sale algo dimelo. Ciao.
Te pongo las mas sencillas y la tercera te la cuento.
el codigo html es el siguiente:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function abrir2() {
miVentana = window.open()
miVentana.document.write("<img src='a.gif'>");
}
function abrir() {
miVentana = window.open("hola.html?imagen=miimagen")
}
//-->
</SCRIPT>
</head>
<body>
<a href="javascript:abrir();">Abre la ventana</a><br>
<a href="javascript:abrir2();">Abre la ventana2</a><br>
</body>
</html>
te lo describo:
1º funcion abrir() ---> abrimos una ventana con los parametros que quieras(en este caso solo le hemos puesto la url de la pagina que quieres abrir y le añadimos despues de .html la ? y los pares parametro=valor separados por comas.
Es decir que si quiero ver la página hola.html y quiero pasarle los parametros imagen y edad, cuyos valores sean por ejemplo miImagen y 18 lo haria de la siguiente manera:
window.open("hola.html?imagen=miImagen&edad=18")
si lo pruebas podras ver esos parametros en la barra de direcciones.
Para recogerlos tienes que recuperarlos mediante javascript a traves del objeto location.
1º funcion abrir2() ---> abrimos una nueva ventana y pintamos en ella(document.write) lo que queramos que aparezca.
Por ultimo decirte que entre una ventana y la ventana que es abierta por la primera existe comunicacion y puedes ver las variables javascript de una en la otra y viceversa.
Para probarlo escribe el siguiente codigo javascript en la ventana que abriras(en nuestro ejemplo hola.html)
Te mando el codigo de esa pagina tambien:
hola.html---->
<html>
<head>
<title>Untitled</title>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function ver() {
alert("document.location.href = " +document.location.href)
alert("window.opener = " + window.opener)
}
//-->
</SCRIPT>
</head>
<body onload="ver()">
hola
</body>
</html>
Si tienes alguna duda o no te sale algo dimelo. Ciao.