Evitar que un div se salga de la pantalla del navegador

Iniciado por SCM, 30 Mayo 2013, 17:36 PM

0 Miembros y 1 Visitante están viendo este tema.

SCM

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

Kase

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.

SCM

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

Un saludo, gracias!!