Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Запрет вывода всплывающего окошка за указанные рамки

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


     06.08.2013    всплывающее окно    Все вопросы » jQuery    3012

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


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

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

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

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


6 комментариев

ScreN
Юзер

ScreN - 6 августа 2013 07:54 -

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

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

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

Пробуйте.

graver
Юзер

graver - 6 августа 2013 11:02 -

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

ScreN
Юзер

ScreN - 6 августа 2013 11:50 -

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

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

TheImDim
Юзер

TheImDim - 6 августа 2013 13:20 -

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

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

Nagibaka
Эксперт

Nagibaka - 6 августа 2013 13:21 -

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

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

Спсибо.

Frontend MotherFucker=:^^

graver
Юзер

graver - 6 августа 2013 15:57 -

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

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

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

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

наверх