elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado:


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Evitar que un div se salga de la pantalla del navegador
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Evitar que un div se salga de la pantalla del navegador  (Leído 2,084 veces)
SCM

Desconectado Desconectado

Mensajes: 17


Ver Perfil
Evitar que un div se salga de la pantalla del navegador
« en: 30 Mayo 2013, 17:36 pm »

Hola. Pues quería saber si hay alguna utilidad en CSS o algo en JQuery que facilite lo siguiente:



Me explico, estoy creando un popup para cuando pases el ratón por encima de una imagen. Esta muestra un cuadro como el que se ve en la imagen con cierta información. Pero que pasa si el cuadro fuera más grande y se abriese desde un lugar cercano al borde de la página: Se saldría por el lateral de la web, saldría abajo la barra de desplazamiento horizontal y parte del cuadro se escondería..

Lo que me gustaría a mí es saber si hay un scripto algo que detecte que el div se está saliendo por uno de los laterales y le de otro estilo, en el que el recuadro cambiaría de dirección y saldría hacia la izquierda, de este modo no se saldría hacia fuera..


Gracias, un saludo


En línea

Kase


Desconectado Desconectado

Mensajes: 1.288


programa bonito ¬¬


Ver Perfil WWW
Re: Evitar que un div se salga de la pantalla del navegador
« Respuesta #1 en: 31 Mayo 2013, 02:20 am »

pues si...   imagino estas llamando a esa burbuja con un script java o jquery...
y tienes una variable event

la variable event tiene dos parametros interesantes..  event.clientX event.clientY

ya con eso puede armarte un par de if else para  cambiar el estilo.


En línea

SCM

Desconectado Desconectado

Mensajes: 17


Ver Perfil
Re: Evitar que un div se salga de la pantalla del navegador
« Respuesta #2 en: 2 Junio 2013, 21:51 pm »

Algo así, muchas gracias por la pista, me pongo a ello.

Un saludo, gracias!!
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines