Foros del Web » Creando para Internet » Diseño web »

Ventanas emergentes al pulsar enlace

Estas en el tema de Ventanas emergentes al pulsar enlace en el foro de Diseño web en Foros del Web. Muy buenas. Haber si alguien me puede ayudar. En una de las web tengo unos div que informan sobre eventos. En la parte inferior tienen ...
  #1 (permalink)  
Antiguo 19/12/2011, 12:03
Avatar de paxarin  
Fecha de Ingreso: enero-2010
Ubicación: Santander
Mensajes: 413
Antigüedad: 14 años, 9 meses
Puntos: 6
Ventanas emergentes al pulsar enlace

Muy buenas.
Haber si alguien me puede ayudar.
En una de las web tengo unos div que informan sobre eventos. En la parte inferior tienen un enlace ( el tipico leer más!!) que deberia llevar a otra sección de la web, pero me gustaria que más que llevar a otra sección al pulsar sobre el más se abriera una ventana emergente en la que apareciera más información.
Alguien sabria como hacerlo?
Un saludo
__________________
http://www.paxarindesign.es
  #2 (permalink)  
Antiguo 19/12/2011, 12:38
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 3 meses
Puntos: 1532
Respuesta: Ventanas emergentes al pulsar enlace

el típico leer más consisten en agregar una capa (<div>) extra al la actual con javascript, dicho contenido puede ser cargado vía AJAX o estar precargado y dicha capa oculta, solo basta mostrarla.

consulte:

manipulación del DOM con javascript
AJAX
CSS display attribute
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 19/12/2011, 14:48
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 5 meses
Puntos: 539
Respuesta: Ventanas emergentes al pulsar enlace

tooltip
p repetido porque al p***** script no le gustan las respuestas breves.
  #4 (permalink)  
Antiguo 20/12/2011, 17:16
Avatar de madhatterdef  
Fecha de Ingreso: diciembre-2011
Ubicación: argentina
Mensajes: 213
Antigüedad: 12 años, 11 meses
Puntos: 59
Respuesta: Ventanas emergentes al pulsar enlace

creo que lo que buscas es esto

<a href="tu url" target="_blank">texto aquí</a>
  #5 (permalink)  
Antiguo 28/12/2011, 13:52
 
Fecha de Ingreso: diciembre-2011
Ubicación: Peru
Mensajes: 13
Antigüedad: 12 años, 10 meses
Puntos: 2
Respuesta: Ventanas emergentes al pulsar enlace

Tengo varias soluciones, uno con java

$(document).ready(function(){
$("#leermas").click(function(){$("#amostrar").show ("slow")});
});

donde leermas es un div que al darle click se mostrar el div a mostrar y todo su contenido

tomado de http://blog.rogersoto.com/blog/programacion/abrir-una-ventana-al-cargar-el-blog/
  #6 (permalink)  
Antiguo 28/12/2011, 13:54
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años, 8 meses
Puntos: 1329
Respuesta: Ventanas emergentes al pulsar enlace

krimi, no es Java es Javascript.

Saludos
__________________
Grupo Telegram Docker en Español
  #7 (permalink)  
Antiguo 28/12/2011, 14:00
 
Fecha de Ingreso: diciembre-2011
Ubicación: Peru
Mensajes: 13
Antigüedad: 12 años, 10 meses
Puntos: 2
Respuesta: Ventanas emergentes al pulsar enlace

la otra seria con fancybox

jQuery(document).ready(function() {
$.fancybox('<div style="width:400px"><h1>Ventana Modal!</h1><p>&nbsp;</p><p style="line-height:2;">Esto es una muestar de lo que se puede hacer con fancyBox <br /><a href="http://blog.rogersoto.com/blog/programacion/fancybox-galeria-de-imagenes-con-una-imagen/">Prueba FancyBox en Rogersoto.com</a>!</p></div>', {padding: 20});
});

pero tienes que tener instalado fancybox y jquey no es complicado pero
puedes chekar como hacerlo aqui [URL="http://blog.rogersoto.com/blog/programacion/fancybox-galeria-de-imagenes-con-una-imagen/"]http://blog.rogersoto.com/blog/programacion/fancybox-galeria-de-imagenes-con-una-imagen/[/URL]
  #8 (permalink)  
Antiguo 28/12/2011, 14:01
 
Fecha de Ingreso: diciembre-2011
Ubicación: Peru
Mensajes: 13
Antigüedad: 12 años, 10 meses
Puntos: 2
Respuesta: Ventanas emergentes al pulsar enlace

Cita:
Iniciado por Carlangueitor Ver Mensaje
krimi, no es Java es Javascript.

Saludos
lo siento solo queria ayudar, cual seria la forma correcta?
  #9 (permalink)  
Antiguo 28/12/2011, 14:15
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años, 8 meses
Puntos: 1329
Respuesta: Ventanas emergentes al pulsar enlace

Pues eso, Java no es lo mismo que Javascript. Solo quería comentar eso.

Saludos
__________________
Grupo Telegram Docker en Español
  #10 (permalink)  
Antiguo 29/12/2011, 11:56
Avatar de aleksdj  
Fecha de Ingreso: enero-2011
Mensajes: 31
Antigüedad: 13 años, 10 meses
Puntos: 3
Respuesta: Ventanas emergentes al pulsar enlace

Para evitar posibles bloqueos de popups yo usaria: <a href="tu url" target="_blank">texto aquí</a>, si bien se permite la apartertura de ventanas sobre la acción de un usuario sin que se bloquee.
__________________
Las mantas más chulas y baratas en tiradelamanta.com, creada en palbin.com, servicio web para crear tienda online.

Etiquetas: emergentes, enlace, pulsar, ventanas
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:55.