VPF::рассчитать местоположения тултипа

Samotnik

Дата 26.5.2010, 19:05 (ссылка)

(нет голосов)

Загрузка ...

Super star !

Профиль
Группа: Awaiting Authorisation
Сообщений: 7192
Регистрация: 4.11.2006
Где: Минск City

Репутация: 3
Всего: 191

привет
задача такова : При наведении на элемент появляется тултип. Проблема в том, что он всегда разного размера. И бывает так, что он не влазит в экран (т.е. видно только половина тултипа) Проблема решается просто, есть метод showAt(x, y). Но проблема в значении y
Особенность в том, что у меня есть все значения, для расчета y
У меня есть высота body - bHeight высота самого тултипа - tHeight положение мышки по оси игрик - mouseY
Проблема в формуле smile

Помогите плиз кто может такие формулы выводить smile

ksnk

Дата 26.5.2010, 20:24 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

Формулы есть в каждом приличном тултипе, даже на некоторых плагинах от jQuery есть smile

вот, к примеру.
o.appendTip - элемент, для которого выводится тултип,
tooltip - собственно тултип,
window и в африке window...

Код


$(this).mousemove(function(e){
                over = this; //tracks the event trigger in the plugin-global "over"
                if (o.follow || firstMove) {
                    var scrollY = $(window).scrollTop(), 
                          scrollX = $(window).scrollLeft(), 
                          top = e.clientY + scrollY + o.offsetY, 
                          left = e.clientX + scrollX + o.offsetX, 
                          outerH = $(o.appendTip).outerHeight(), 
                          innerH = $(o.appendTip).innerHeight(), 
                          maxLeft = $(window).width() + scrollX - $(tooltip).outerWidth(), 
                          maxTop = $(window).height() + scrollY - $(tooltip).outerHeight();

                    top = (outerH > innerH) ? top - (outerH - innerH) : top; //if appended area (usually BODY) has a border on top, adjust
                    maxed = (top > maxTop || left > maxLeft) ? true : false;

                    if (left - scrollX <= 0 && o.offsetX < 0)
                        left = scrollX;
                    else
                        if (left > maxLeft)
                            left = maxLeft;
                    if (top - scrollY <= 0 && o.offsetY < 0)
                        top = scrollY;
                    else
                        if (top > maxTop)
                            top = maxTop;

                    tooltip.style.top = top + "px";
                    tooltip.style.left = left + "px";
                    firstMove = false;
                }
            });

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

IgorIV

Дата 26.5.2010, 21:06 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 642
Регистрация: 7.9.2009

Репутация: нет
Всего: 8

Цитата(ksnk @ 26.5.2010, 21:24

)

Формулы есть в каждом приличном тултипе, даже на некоторых плагинах от jQuery есть

Возможно, вот только формула проработанна не до конца.
jQuery Tooltip plugin 1.3 - правый нижний угол не просчитывается. Это в варианте со стрелочкой. А в остальном вроде нормально.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »