Foros del Web » Programando para Internet » Javascript »

crear pop-ups

Estas en el tema de crear pop-ups en el foro de Javascript en Foros del Web. Hola a todos! Estoy haciendo pop-ups para mi página web y he usado esto: <a href='rutamipagina' target='popup' onClick='window.open(this.href, this.target, 'width=300,height=400'); return false;'>enlace a mi pagina</a> ...
  #1 (permalink)  
Antiguo 19/10/2006, 13:14
 
Fecha de Ingreso: abril-2006
Ubicación: Burgos
Mensajes: 101
Antigüedad: 18 años
Puntos: 0
crear pop-ups

Hola a todos!
Estoy haciendo pop-ups para mi página web y he usado esto:

<a href='rutamipagina' target='popup' onClick='window.open(this.href, this.target, 'width=300,height=400'); return false;'>enlace a mi pagina</a>

Lo he probado en mi página y funciona. El único problema que tengo es que no me funciona las opciones de alto y ancho del pop-up. Da igual que le ponga un tamaño que otro, que siempre me lo muestra igual.
A ver si vosotros sabéis por qué es, porque yo estoy un poco pez en esto de crear pop-ups.
Gracias.
__________________
Gigabyte GA-MA78GM-S2H | AMD X2 5400 | 2 x 1 GB DDR2 800 | 7600 Gt 256 Mb | AC97 Audio | Circuit Planet

http://todoaestribor.site88.net
  #2 (permalink)  
Antiguo 19/10/2006, 13:21
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años
Puntos: 834
Tenés problemas de comillas, debería ser así:
Código:
<a href="rutamipagina" target='popup' onClick="window.open(this.href, this.target, 'width=300,height=400'); return false;">enlace a mi pagina</a>
Pero el problema que describís, puede deberse a que eso no funciona en explorer 5. Para que funcione en explorer 5, deberías hacer algo como esto:
Código:
<a href="javascript:window.open('rutaamipagina','','width=300,height=400');void(0);">enlace</a>
mensaje editado, había escrito mal javascript
  #3 (permalink)  
Antiguo 19/10/2006, 15:27
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 1 mes
Puntos: 1284
Hola:

En las FAQs puse un mensaje sobre como enlazar a un popup. Lo de poner return false sirve para anular el enlace, cosa que me parece semánticamente mal... con abrir la ventana en blanco (primer parámetro del open como cadena vacía) hace exactamente el enlace que quieres.

<a href='rutamipagina' target='popup' onclick='window.open("", "popup", "width=300,height=400")'>enlace a mi pagina</a>

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #4 (permalink)  
Antiguo 19/10/2006, 16:42
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años
Puntos: 834
Hola, Caricatos! Tienes razón con lo de la semántica, incluso leí tu artículo en maestrosdelweb y lo implementé así, pero el inconveniente que tiene es que no funciona en internet explorer 5, razón por la que me decidí a modificarlo usando lo que llaman Bookmarklets, con el void(0) al final. De esa manera, aunque semánticamente incorrecta, funciona en todos los navegadores.
  #5 (permalink)  
Antiguo 20/10/2006, 06:11
 
Fecha de Ingreso: abril-2006
Ubicación: Burgos
Mensajes: 101
Antigüedad: 18 años
Puntos: 0
Hola de nuevo.
Gracias por contestar.
Pues la verdad he probado todas las maneras que comentais, y ninguna me funciona, además, la que describe Panino me carga la página con errores y el enlace no me funciona.
Deciros que yo quiero usar ese enlace dentro de código php, con un "echo", por eso lo de utilizar las comillas sencillas en vez de las dobles. No se si esto influirá.
__________________
Gigabyte GA-MA78GM-S2H | AMD X2 5400 | 2 x 1 GB DDR2 800 | 7600 Gt 256 Mb | AC97 Audio | Circuit Planet

http://todoaestribor.site88.net
  #6 (permalink)  
Antiguo 20/10/2006, 07:10
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años
Puntos: 834
Escribí esto en la barra de navegación y fijate:
javascript:window.open('http://www.google.com','','width=300,height=400');void(0) ;

Desde un echo en php tenés que escribirlo así:
Código PHP:
<?php echo "<a href=\"javascript:window.open('http://www.google.com','','width=300,height=400');void(0);\">enlace</a>" ?>
O sea, escapando las comillas dobles que vayan dentro de comillas dobles sin escapar.

Última edición por Panino5001; 20/10/2006 a las 07:15
  #7 (permalink)  
Antiguo 20/10/2006, 07:19
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 8 meses
Puntos: 381
Cita:
Iniciado por Panino5001 Ver Mensaje
De esa manera, aunque semánticamente incorrecta, funciona en todos los navegadores.
..dale que volvemos sobre lo mismo

Oficialmente en ningún sitio dice que eso sea semánticamente incorrecto. Es la opinión (muy respetable) de mi estimado caricatos.

Saludos
  #8 (permalink)  
Antiguo 20/10/2006, 08:09
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 1 mes
Puntos: 1284
Cita:
Iniciado por tunait Ver Mensaje
..dale que volvemos sobre lo mismo

Oficialmente en ningún sitio dice que eso sea semánticamente incorrecto. Es la opinión (muy respetable) de mi estimado caricatos.

Saludos
Hola:

Exactamente... es mi opinión considerando el significado de Semántica.
El tag a debe su nombre a anchor o ancla, y es una de las posibilidades del tag... ir a un ancla de la misma página (o de otra)... y si no se especifica un punto de anclaje, al inicio de la página referenciada... y return false en anclas y formularios significan cancelación (no creo que pueda ayudarme de ningún wiki en esta afirmación)...

La verdad es que no tengo instalado el explorer 5 (y no pienso instalarlo, al igual que el netscape 4 que también tiene sus intríngulis)...

Bueno, aclarando que es una opinión (justificándola con el comentario hecho),

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #9 (permalink)  
Antiguo 20/10/2006, 09:21
 
Fecha de Ingreso: abril-2006
Ubicación: Burgos
Mensajes: 101
Antigüedad: 18 años
Puntos: 0
Bien, ahora ya me funciona! (malditas comillas)
Era como ponía Panino.
Gracias a todos y un saludo!
__________________
Gigabyte GA-MA78GM-S2H | AMD X2 5400 | 2 x 1 GB DDR2 800 | 7600 Gt 256 Mb | AC97 Audio | Circuit Planet

http://todoaestribor.site88.net
  #10 (permalink)  
Antiguo 20/10/2006, 09:35
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años
Puntos: 834
Hola, Sherif, me alegra que te haya funcionado.
Primero, aclarar (o confesar) que tanto Caricatos como Tunait son mis ídolos (también mi compatriota Cap.Buscapina). Luego, decir que estoy de acuerdo con lo que dice Caricatos respecto de la semántica, pero que a veces hay que hacer las cosas no tan bien para que funcionen en los navegadores que usa la mayoría de la gente (sobre todo hablo de IE de PC y, yendo a algo todavía mucho peor, IE de MAC).
Con respecto a probar en versiones anteriores de Explorer, a veces es bueno, sobre todo en lo que respecta a CSS, y no es necesario instalarlo (Dios me libre de tener instalado 2 veces ese engendro). Les dejo un link a la página de Fer10, que muestra cómo poder probar las cosas en otras versiones de Explorer: http://www.fernando.com.mx/archives/23 y que a mi me resultó útil.
Saludos.
Andrés
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:17.