Foros del Web » Creando para Internet » HTML »

Ayuda en codigo para popup

Estas en el tema de Ayuda en codigo para popup en el foro de HTML en Foros del Web. Saludos Uso el siguiente codigo en un popup : <a href="http://MI LINK" target="_BLANK" ><img src="http://mundologia.net/wp-content/uploads/2009/10/dell.jpg"></a> Y quiero que ademas de que se abra este link ...
  #1 (permalink)  
Antiguo 07/12/2010, 14:39
 
Fecha de Ingreso: diciembre-2010
Mensajes: 6
Antigüedad: 7 años
Puntos: 0
Ayuda en codigo para popup

Saludos

Uso el siguiente codigo en un popup :

<a href="http://MI LINK" target="_BLANK" ><img src="http://mundologia.net/wp-content/uploads/2009/10/dell.jpg"></a>

Y quiero que ademas de que se abra este link en otra ventana, que se cierre el popup.

Gracias de antemano
  #2 (permalink)  
Antiguo 07/12/2010, 14:45
Avatar de carlospc  
Fecha de Ingreso: noviembre-2008
Ubicación: Huancayo/Perú
Mensajes: 240
Antigüedad: 9 años
Puntos: 12
Respuesta: Ayuda en codigo para popup

Haber, creo tienes un concepto errado de popup (ventana emergente que se abre sin que el usuario lo solicite) lo que tu estas haciendo es referencia una pagina y que esta se habra en otra ventana... pues esta nueva pagina (no-popup) efectivamente se abre en otra ventana, ahora no entiendo para que quieres que se vuelva a cerrar...

O te puedes explicar mejor...
__________________
Mi web --> www.CarlosPC.net
  #3 (permalink)  
Antiguo 07/12/2010, 14:55
 
Fecha de Ingreso: diciembre-2010
Mensajes: 6
Antigüedad: 7 años
Puntos: 0
Respuesta: Ayuda en codigo para popup

Si perdona , aportare mas datos.

Uso Joomla , un modulo llamado Dinabar, que lo utilizo como popup. Y este modulo me deja mostrar codigo html.

Pongo una publicidad, y quiero que al clicar en ella se cierre el popup.
  #4 (permalink)  
Antiguo 07/12/2010, 15:13
Avatar de carlospc  
Fecha de Ingreso: noviembre-2008
Ubicación: Huancayo/Perú
Mensajes: 240
Antigüedad: 9 años
Puntos: 12
Respuesta: Ayuda en codigo para popup

Te sugiero algo mas facil, mediante javascript manda maximizar tu "popup" y ahi mismo que cargue la pagina (target="_parent")

Porque eso de cerrar no funciona siempre (no se por que sucederá)

Suerte...
__________________
Mi web --> www.CarlosPC.net
  #5 (permalink)  
Antiguo 07/12/2010, 15:59
 
Fecha de Ingreso: diciembre-2010
Mensajes: 6
Antigüedad: 7 años
Puntos: 0
Respuesta: Ayuda en codigo para popup

Pues no e podido darle solucion, aunque he comprobado que el modulo tambien me permite utilizar javascript. Si alguien puede hacerme un codigo en javascript que abra un enlace en nueva ventana y asu vez cierre la ventana madre.

gracias de antemano
  #6 (permalink)  
Antiguo 07/12/2010, 16:03
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
Respuesta: Ayuda en codigo para popup

Hola:

Cita:
Iniciado por carlospc Ver Mensaje
Haber, creo tienes un concepto errado de popup (ventana emergente que se abre sin que el usuario lo solicite)...
Creo que el que se equivoca en el concepto eres tú... los usuarios pueden abrir popups con cualquier evento propio... (puede ser un click, por ejemplo)...

Para cerrar un popup basta con usar el método close de los objetos window.


<a href="destino.html" target="destino" onclick="popup = window.open('', 'destino')">abrir popup</a>

Y para cerrarlo:
popup.close()

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #7 (permalink)  
Antiguo 07/12/2010, 16:07
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
Respuesta: Ayuda en codigo para popup

Hola:

Por cierto, se puede cerrar el popup, pero para cerrar la ventana principal, hay algunos trucos que no funcionan en todos los navegadores (en nuestras FAQs javascript hay algo)

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #8 (permalink)  
Antiguo 11/12/2010, 08:59
 
Fecha de Ingreso: diciembre-2010
Mensajes: 6
Antigüedad: 7 años
Puntos: 0
Respuesta: Ayuda en codigo para popup

Sigo sin poder solucionar mi problema, y no e encontrado la seccion de FAQS. Mi solucion pasa por modificar este codigo, que cierre la ventana:

<a href="http://clk.tradedoubler.com/click?p(136803)a(18)g(4306)" target="_BLANK"><img src="http://ocioymusica.com/images/imagenes1/New-Dell-Logo2.gif"></a>

El link se me abre en nueva ventana, pero necesito que se cierre la que contiene el link.

Gracias de antemano.
  #9 (permalink)  
Antiguo 11/12/2010, 10:56
 
Fecha de Ingreso: diciembre-2010
Ubicación: en el fin del mundo
Mensajes: 199
Antigüedad: 7 años
Puntos: 3
Respuesta: Ayuda en codigo para popup

No se si se pueda.
Pero en un Boton podrias añadir dos funciones con JS.

Que cuando clickie el boton se abra el pop up y se cierre la actual??
No estoy, seguro, no se mucho de JS
  #10 (permalink)  
Antiguo 11/12/2010, 11:28
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Ayuda en codigo para popup

danip1983:

Primero te advierto que tu sistema tiene algunas inconsistencias, tené en cuenta que muchos de los navegadores vienen configurados para abrir las nuevas ventanas (target='_blank') en un nueva pestaña, por lo cual no verías las ventanas multiples al mismo tiempo, que sería lo aconsejable.
Por otro lado estás abriendo directamente la imagen como destino del link, y lo ideal sería que fuese un html que contenga un <img>.

De todas maneras te doy una técnica par ahacer lo que quieres


Esta es la página que abre el pop_up

abrir_popup.html

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Abrir Popup</title>
  6. <script type="text/javascript">
  7. //<![CDATA[
  8. var win= null;
  9. function VentanaCentrada(pagina,w,h,nombre){
  10. var winleft = (screen.width-w)/2;
  11. var wintop = (screen.height-h)/2;
  12. caracteristicas='height='+h+',width='+w+',top='+wintop+',left='+winleft+',scrollbars=no,toolbar=no,resizable=yes'
  13. win=window.open(pagina,nombre,caracteristicas)
  14. if(parseInt(navigator.appVersion) >= 4){win.window.focus();}
  15. }
  16. //]]>
  17. </head>
  18. <a href="html2.html" onclick="VentanaCentrada('html2.html','400','400','Popupuno');return false;" > Abrir Popup </a>
  19. </body>
  20. </html>


esta es el pop up
html2.html


Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es" >
  4. <title>XHTML 1.0 transitional</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. </head>
  7. <p>Este es el popup</p>
  8. <a href="img.html" target="_blank">mostrar publicidad</a>
  9. </body>
  10. </html>


y este el html que contiene la imagen y a su vez cierra el popup

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es" >
  4. <title>Publicidad</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <script type="text/javascript">
  7. //<![CDATA[
  8. self.opener.close();
  9. //]]>
  10. </head>
  11. <p>Aqui iría la imagen</p>
  12. </body>
  13. </html>



La solución ideal sería que tu html con la imagen sea un nuevo popup generados desde el primer popup


Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: popup
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 20:06.