Question

I am writing a jquery web-app that basically opens a div “window” based on where you click with the mouse. You can obviously imagine that if the mouse is too much on the right or bottom of the viewport, part of the opened DIV will not be vieweable.

Is there a way, maybe in jQuery UI to have the newly shown DIV be moved a bit in the right direction of part of it in un-vieweable ( possibly when using draggable() )? If not, I will have to write my own function.

Thanks in advance

Answer 1

It’s as easy as using a default jqueryUI dialog!

Here is a working example

$('body').click(function(e){
    console.log(e);
    $( "#dialog" ).dialog({ 
        position: [e.offsetX, e.offsetY]
    });
});​