Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery Запрет вывода всплывающего окошка за указанные рамки

Запрет вывода всплывающего окошка за указанные рамки


     06.08.2013    jQuery    1700

вопрос
Запрет вывода всплывающего окошка за указанные рамки


Здравствуйте, есть задачка на js поэтому сразу к вам) Требуется сделать вот что:

Есть контент (голубым цветом на картинке), а в нем блоки, в которых размещены кнопки при клике на которую всплывает окно (зеленым на картинке)... Реализацию этого я думаю мне обеспечит плагин HoverCard (но ваши предложения я тоже учту) Но главная задача, сделать так что бы при показе этого всплывающего блока он не вылезал за контент, а всплывал в другую сторону, думаю на картинке все доходчиво нарисовано...

Заранее спасибо!

Ответа пока нет


Комментарии пользователей (6)

ScreN
10

207 | 102

ScreN - 6 августа 2013 07:54 - Юзер

Аммм... Ну в самом плагине, в JS файле, есть указание позиции, в какую сторону будет всплывать окошко с контентом.
"openOnLeft", "openOnTop"

Поменяйте позицию в JS файле на "openOnLeft", и контент будет всплывать влево.

По поводу вылезания за контент, есть свойство CSS "overflow: hidden;"

Пробуйте.

graver
5

95 | 80

graver - 6 августа 2013 11:02 - Юзер

Я не великий знаток конечно, но причем тут CSS ?

ScreN
10

207 | 102

ScreN - 6 августа 2013 11:50 - Юзер

Про css я к тому что вы просили чтобы окно не вылазило за границы контента. Но хотя скорее всего на него не подействует это свойство.

Позицию меняли в js файле? Помогло?

TheImDim
18

327 | 291

TheImDim - 6 августа 2013 13:20 - Юзер

Логика такова: расчитываем ширину окна браузера, расчитываем ширину выводимого блока, далее смотрим координаты элемента на который навели курсор, прописываем условие: если помещается то выводим слева, если нет, то справа.
Код писать не буду, изучайте синтаксис js.

Вот демо, написал за пять минут.

Nagibaka
5

42 | 34

Nagibaka - 6 августа 2013 13:21 - Эксперт

graver, добрый день.

Для начала попробуйте прикрутить этот плагин, возможно он из коробки поодерживает подобный функционал, в документации там упоминается свойство autoAdjust, которое по умолчанию true - возможно оно и отвечает за решение подобной задачи, не тестил - точно сказать не могу.
Решение от ScreN - имеет место быть, но оно не универсально, если вам подобный функционал понадобится на паре страниц - то покатит, если используется везде на страницах сайта, то лучше реализовать средствами плагина, чтобы инициализация плагина везде была идентична.

Спсибо.

Frontend MotherFucker=:^^

graver
5

95 | 80

graver - 6 августа 2013 15:57 - Юзер

Да вы правы! Не дочитал документацию... Действительно autoAdjust делает то что мне нужно

Спасибо большое!

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы