Evitar que un div se salga de la pantalla del navegador

[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!!