Проверка, не выходит ли блок за пределы окна

[W1nD]

Ребята, требуется ваша помощь. Перед мной есть задача

ссылка на меню. Задача стоит в том, что ширина выпадающего меню не известна и получается, когда наводишь на последний пункт категории, выпадающее меню уходит за окно. Как правильно на javascript написать функцию, чтобы она проверяла не вышел ли блок за пределы окна. Может у кого-то какие-то идеи соображения есть по этому поводу. Желательно все идеи и соображения высказывать на языке javascript. Буду рад выслушать

Edited May 18, 2011 by W1nD

[s0rr0w]

  On 5/18/2011 at 5:15 PM, W1nD said:

Ребята, требуется ваша помощь. Перед мной есть задача

ссылка на меню. Задача стоит в том, что ширина выпадающего меню не известна и получается, когда наводишь на последний пункт категории, выпадающее меню уходит за окно. Как правильно на javascript написать функцию, чтобы она проверяла не вышел ли блок за пределы окна. Может у кого-то какие-то идеи соображения есть по этому поводу. Желательно все идеи и соображения высказывать на языке javascript. Буду рад выслушать

А что у вас не получается?

[Синдром]

1. определить ширину видимой области браузера (jQuery)

var all = $(window).width();

2. определить координаты выпадающего меню относительно окна

var left = $(this).offset().left;

3. найти ширину меню

var width = $(this).outerWidth(true);

теперь простыми математическими расчетами можно определить выходит ли правый край меню за пределы видимой области,

var offset = all - (left + width);

если оффсет отрицательный значит выходит

Edited May 19, 2011 by Синдром