Home/ Questions/Q 172975
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T13:15:40+00:00

I am trying to use the jQuery dialog UI library in order to position

  • 0

I am trying to use the jQuery dialog UI library in order to position a dialog next to some text when it is hovered over. The jQuery dialog takes a position parameter which is measured from the top left corner of the current viewport (in other words, [0, 0] will always put it in the upper left hand corner of your browser window, regardless of where you are currently scrolled to). However, the only way I know to retrieve the location is of the element relative to the ENTIRE page.

The following is what I have currently. position.top is calculated to be something like 1200 or so, which puts the dialog well below the rest of the content on the page.

$('.mytext').mouseover(function() {     position = $(this).position();     $('#dialog').dialog('option', 'position', [position.top, position.left]); }

How can I find the correct position?

Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Check out some of the jQuery plugins for other implementations of a dialog. Cluetip appears to be a feature-rich tooltip/dialog style plug-in. The 4th demo sounds similar to what you are trying to do (although I see that it doesn’t have the precise positioning option that you’re looking for.)

    • 0