Duda javascript - Creación de ventana nueva

Hola, tengo la siguiente duda respecto a la creación de páginas secundarias:
Al pinchar sobre una imagen, quiero que se me abra otra ventana con la imagen maximizada al tamaño de la imagen y con el titulo que yo quiera. Me funciona bien, excepto el titulo que me sale, es la dirección de la imagen, ¿cómo puedo obligar a que me ponga lo que yo quiera? Al javascript le paso la url de la imagen y el titulo que yo quiero.
Gracias, espero su respuesta.

5 Respuestas

Respuesta
1
window.open("pagina.html","titulo","width=430,height=250,top=0,left=5","scrolling=auto");
Donde pone titulo tu pones el titulo que quieras para tu página.
El resto de las cosas me imagino que ya sabes lo que son.
Espero haberte ayudado, si tienes alguna duda pues me dices
Neogeo
Gracias por responderme, pero en vez de una página quiero abrir una foto. Te inserto los códigos que pruebo, Te inserto las dos pruebas:
1)Cuando me abre la ventana nueva me pone la url de la imagen, no el titulo que yo quiero, y no se por que:
______________________________
<html>
<head>
<title>Prueba</title>
<script language=javascript>
var winName="Ventanaaaaaaa";
function Abrir_Ventana(theURL,w,h)
{
var windowprops ="top=0,left=0,toolbar=no,location=no,status=no, menubar=no,scrollbars=no, resizable=no,width=" + w + ",height=" + h;
window.open(theURL,winName,windowprops);
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<a href="javascript:Abrir_Ventana('foto.jpg',150,200);"><img src="foto.jpg" width="25" height="25" border="0"></a>
</body>
</html>
__________________________________
2)La primera vez que se ejecuta no abre la foto pero si pone el titulo, cuando la vuelves a ejecutar si abre la foto y hace todo bien. Pruébalo cambiando el nombre del archivo de la foto, veras como falla:
<html>
<head>
<title>Untitled Document</title>
<script language=javascript>
var win=null;
function mostrarimagen(url_imagen,titulo){
var img = new Image();
img.src = url_imagen;
win=window.open('','','width='+img.width+',height='+img.height+',scrollbars=no,resizable=1,toolbar=0');
win.document.write ('<html>\n');
win.document.write (' <head>\n');
win.document.write (' <title>'+titulo+'</title>\n');
win.document.write (' </head>\n');
win.document.write (' <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">\n');
win.document.write (' <img src="' + url_imagen + '" height='+img.height+' width='+img.width+'>\n');
win.document.write (' </body>\n');
win.document.write ('</html>\n');
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<a href="javascript:mostrarimagen('foto.jpg','El titulo que yo quiera');"><img src="wtc2.jpg" width="74" height="62" border="0"></a>
</body>
</html>
_______________________________
Gracias de antemano.
En el caso 2 le pasas un titulo como parámetro pero luego dentro de la función que lo recibe, cuando hacer el window. Open no se lo pasas, dejas comillas y es posible que al no pasarle ningún titulo te coloque como tal la url de la imagen.
Respuesta
1
<!-- Principio Script -->
var winName="Pon aki el nombre de la ventana"
function Abrir_Ventana(theURL,w,h) {
var windowprops ="top=0,left=0,toolbar=no,location=no,status=no, menubar=no,scrollbars=no, resizable=no,width=" + w + ",height=" + h;
window.open(theURL,winName,windowprops);
}
<!-- Fin Script -->
Por ejemplo prueba este script solo le tienes que pasar la url con la foto maximizada y el width y el height, ademas wn windowprops puedes customizar las demás propiedades de ventana.
Siu tienes alguna duda más por favor no dudes en preguntar.
Gracias por responderme, dirás que soy un poco pesado mandándote tantos mails, pero llevo intentándolo corregir el problema varios días, y es más cabezonería que otra cosa sacarlo, yo he aprendido más javascript que nunca en estos días, yo tengo muy poca idea :) Te inserto los códigos que pruebo, Te inserto las dos pruebas:
1)Cuando me abre la ventana nueva me pone la url de la imagen, no el titulo que yo quiero, y no se por que:
______________________________
<html>
<head>
<title>Prueba</title>
<script language=javascript>
var winName="Ventanaaaaaaa";
function Abrir_Ventana(theURL,w,h)
{
var windowprops ="top=0,left=0,toolbar=no,location=no,status=no, menubar=no,scrollbars=no, resizable=no,width=" + w + ",height=" + h;
window.open(theURL,winName,windowprops);
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<a href="javascript:Abrir_Ventana('foto.jpg',150,200);"><img src="foto.jpg" width="25" height="25" border="0"></a>
</body>
</html>
__________________________________
2)La primera vez que se ejecuta no abre la foto pero si pone el titulo, cuando la vuelves a ejecutar si abre la foto y hace todo bien. Pruébalo cambiando el nombre del archivo de la foto, veras como falla:
<html>
<head>
<title>Untitled Document</title>
<script language=javascript>
var win=null;
function mostrarimagen(url_imagen,titulo){
var img = new Image();
img.src = url_imagen;
win=window.open('','','width='+img.width+',height='+img.height+',scrollbars=no,resizable=1,toolbar=0');
win.document.write ('<html>\n');
win.document.write (' <head>\n');
win.document.write (' <title>'+titulo+'</title>\n');
win.document.write (' </head>\n');
win.document.write (' <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">\n');
win.document.write (' <img src="' + url_imagen + '" height='+img.height+' width='+img.width+'>\n');
win.document.write (' </body>\n');
win.document.write ('</html>\n');
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<a href="javascript:mostrarimagen('foto.jpg','El titulo que yo quiera');"><img src="wtc2.jpg" width="74" height="62" border="0"></a>
</body>
</html>
_______________________________
Gracias de antemano, y perdona las molestias.
Ayer creo que no entendí muy bien tu pregunta, en el primer caso jamas te puede aparecer el titulo en la ventana del navegador pues TITLE es propiedad de un página html no de un archivo jpg cuando el explorer (en este caso) abre la foto reconoce el tipo MIME jpg y no reconoce la propiedad TITLE así que no lo intentes por ahí.
La segunda opción es totalmente valida y creo que funciona en todos los casos, pues generas el html, (eso funciona quizaas tengas una version antigua del explorer, yo lo he probado es más uso este método para generar mensajes de error en mis páginas).
Lo que te aconsejaría es que te dejases de historias y uses una página por ejemplo en ASP o PHP entonces al llamar a la url le pasarías el parámetro con el nombre de la foto tal que :
mostrarimagen('ejemplo.asp?=imagen=foto2.jpg','El titulo que yo quiera')
Esta manera no es muy difícil y tampoco tendrás que aprender ASP ni nada solo añadir en el fichero ejemplo.asp esta linea donde tengas el código para insertar la imagen.
<% Response.Write("<IMG src='" & rs.Fields("Id") & "'>") %>
Esta es la manera más profesional de hacerlo y la más aconsejable pues ese fichero ejemplo.asp es fácilmente configurable.
Bueno espero que mi respuesta haya sido útil. Y nada si necesitas algo más, pues aquí estoy.
Respuesta
1
Mejor creas una nueva página en html y dentro de allí colocas tu imagen!
Y en el tag <title> </title> colocas el titulo que quieras
Esto solucionara tu problema!
Gracias por responderme, pero en vez de una página me gustaría abrir una foto. Te inserto los códigos que pruebo, Te inserto las dos pruebas:
1)Cuando me abre la ventana nueva me pone la url de la imagen, no el titulo que yo quiero, y no se por que:
______________________________
<html>
<head>
<title>Prueba</title>
<script language=javascript>
var winName="Ventanaaaaaaa";
function Abrir_Ventana(theURL,w,h)
{
var windowprops ="top=0,left=0,toolbar=no,location=no,status=no, menubar=no,scrollbars=no, resizable=no,width=" + w + ",height=" + h;
window.open(theURL,winName,windowprops);
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<a href="javascript:Abrir_Ventana('foto.jpg',150,200);"><img src="foto.jpg" width="25" height="25" border="0"></a>
</body>
</html>
__________________________________
2)La primera vez que se ejecuta no abre la foto pero si pone el titulo, cuando la vuelves a ejecutar si abre la foto y hace todo bien. Pruébalo cambiando el nombre del archivo de la foto, veras como falla:
<html>
<head>
<title>Untitled Document</title>
<script language=javascript>
var win=null;
function mostrarimagen(url_imagen,titulo){
var img = new Image();
img.src = url_imagen;
win=window.open('','','width='+img.width+',height='+img.height+',scrollbars=no,resizable=1,toolbar=0');
win.document.write ('<html>\n');
win.document.write (' <head>\n');
win.document.write (' <title>'+titulo+'</title>\n');
win.document.write (' </head>\n');
win.document.write (' <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">\n');
win.document.write (' <img src="' + url_imagen + '" height='+img.height+' width='+img.width+'>\n');
win.document.write (' </body>\n');
win.document.write ('</html>\n');
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<a href="javascript:mostrarimagen('foto.jpg','El titulo que yo quiera');"><img src="wtc2.jpg" width="74" height="62" border="0"></a>
</body>
</html>
_______________________________
Gracias de antemano.
En la primera estas usando el explorador como visualizador de imágenes por eso que solo pone el nombre del archivo!
En la segunda estas creando un nuevo HTML
como te dije con anterioridad
Probé el código y me funciona perfectamente
Mira que pasa debe ser la version del navegador!
Gracias!
A mi la segunda, donde muestras la foto en una nueva página html, me sale a la segunda vez que pincho en el enlace, no se si sera por mi navegador como dices, o por fallo, no se. Cambio el nombre de la imagen por foto2.jpg y me falla, pero vuelvo a pinchar y funciona, ¿a ti no te ocurre eso? ¿Qué navegador tienes? Yo el explorer 5.
Gracias.
Yo tengo 5.5, debe ser el navegador porque ya probé tu código y me corre bien!
Respuesta
Lo que yo haría es en lugar de hacer referencia a la URL de la imagen crear una página que contenga la imagen con el titulo que quieras.
Respuesta
Por qué no pruebas con la instrucción javascript Showmodaldialog. Hay documentación de los parámetros a pasar en la web devguru.com
Suerte.

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas

Es estrictamente necesario que una aplicación para android e ios se vea diferente

Si una empresa lanza su aplicación en las tiendas para Android y App Store ¿Esta tendría que verse diferente? Ya que he visto aplicaciones de empresas famosas que se ven un poco mejor diseñadas en Iphone ¿Es estrictamente necesario ofrecer una...
2 respuestas

Transformez Votre Blog avec l'Aide Inestimable de ChatGPT Gratuit!

Découvrez Comment ChatGPT Gratuit Peut Révolutionner Votre Blogging ¿Vous cherchez un moyen de donner un coup de fouet à votre blog? Ne cherchez pas plus loin! Avec l'aide gratuite de ChatGPT Gratuit, vous pouvez transformer votre blog en quelque...
2 respuestas

Node.js Vs. Java: Choosing Perfect Technology

When it comes to performance, Node.js is often the better option. Node.js is more lightweight than Java, which means it can handle more requests per second than Java. Node.js is also more memory efficient, making it the best option for businesses...
8 respuestas

Eliminar cuenta google lanix x530

Se le hizo un hard reset a celular lanix x530 pero para que lo puedan usar, de fuerzas pide poner email de google, el cuál la persona ni recuerda y por ende, ni la clave. Pido su ayuda para eliminar cuenta google y que se pueda usar nuevamente ese...
3 respuestas

¿Pueden descargarse las cookies simplemente por navegar?

Mi duda es si es necesario por parte del usuario de una página web aceptar de forma expícita el aviso de cookies para que estas se descarguen o basta simplemente con que se despliegue el aviso y se desccarguen simplemente con el hecho de pasar un...
4 respuestas

Desarrollo web completo

He visto su currículum y a lo mejor me puede ayudar. Necesito aclarar cuatro dudas: 1- ¿Cómo se llaman profesionalmente los que crean una web desde arriba hasta abajo? ¿Diseñadores gráficos? Es para saber qué buscar para un negocio que se desarrolla...
8 respuestas

¿Estoy infringiendo derechos de copyright al poner imágenes de carteles de películas en mi web?

Estoy haciendo una web sobre cine en la que se muestra información sobre películas, próximos estrenos y trailers. Pero me ha surgido la duda de si estoy infringiendo algún tipo de derecho de copyright o algo parecido al poner los carteles de las...
3 respuestas

PHP Development Services in USA

MicrosIT Solutions is an award-winning PHP programming business based in the United States. Our team has more than ten years of expertise developing PHP web applications, databases, and content management systems. Our firm specialises in bespoke PHP...
3 respuestas

Cobro de dominio no usado

Hace unos años compré varios dominios en 1and1 y este año decidí no renovarlos, por lo que simplemente no realicé el pago correspondiente para que siguieran a mi nombre. Desde la citada empresa me reclaman el pago, aparte de gastos de gestión por...
3 respuestas

A qué tipo de productos o servicios encaja mejor la herramienta CRM?

CRM, en inglés Custormer relationship management, es un término que se refiere a las prácticas, estrategias y sistemas que las empresas utilizan para gestionar y analizar las interacciones con los clientes y los datos que se generan. El objetivo es...
5 respuestas