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

¿Qué es mejor validar con CHECK en sql o desde el servidor backend?

Estoy buscando la forma de validar los datos pero utilizando menos código del lado del servidor para validar ejemplo nombre, apellido, etc a la hora de ingresar en una tabla. Quisiera usar el check para atrapar ese error en una excepción y mostrarlo...
1 respuesta

¿Cómo implementar tu proyecto online?

Estoy interesado en implementar una plataforma de apuestas. ¿Es esto real?
3 respuestas

¿Obtener latitud y longitud en base a un IP? No es preciso

Estoy necesitando obtener latitud y longitud en base a un ip, pero no me da las coordenadas precias sino con mucha diferencia. He probado distintos servicios en php, python y nodejs, y todos tienen el mismo problema. Alguien me puede decir como...
2 respuestas

En una Web ocupo programar DB, es mejor PHP o Python?

La Web está hecha en Wordpress. Necesito programar una página adicional en otro lenguaje, poner casillas de opciones para hacer consultas SQL, mostrar los resultados y a la vez dejar que el usuario responda y con esos datos actualizar la DB. Para...
1 respuesta

Tips to start designing websites?

There is no a definitive process to follow step by step when it comes to designing a website, because in reality each designer has their own way of designing and routine to follow and it works. The truth is that there are many steps that you must...
14 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...
6 respuestas

Migrar desde Access a BBDD web

Tengo una base de datos Access en red con 20 equipos conectados. Es muy extensa y consta de muchas tablas, consultas, formularios e informes. Sobre todo se trabaja con formularios para recoger datos de diferentes áreas del servicio. Estos formularios...
2 respuestas

¿Is it difficult for you to desing websites?

My boyfriend is a computer scientist, but there is one job that he himself has repeatedly told me that he hates to do, is to design a website. When he got a job a week ago, he didn't have much idea what it would be about and what he would have to do,...
15 respuestas

¿Correo corporativo, google apps, necesito hosting?

En nuestra empresa queremos empezar a usar el correo corporativo, para lo cual necesitamos comprar el dominio web.. Pero solo sera usado para eso.. Para los correos.. Claro que dichos correos se manejaran directamente a través de google apps pues los...
4 respuestas

Botón de "enviar a Moodle" desde aplicación educativa.

Estoy realizando una aplicación educativa. Tengo un botón que "envía a Google Classroom" y otro que "envía a Microsoft Teams", pero me gustaría también enviar a Moodle. No conozco Moodle, pero me gustaría saber si existe la posibilidad de publicar...
2 respuestas