Не нравятся результаты поиска? Попробуйте другой поиск!

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

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

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

вопрос

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

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

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

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

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

Юзер

207

ScreN - 2014-11-016 августа 2013 07:54 - #15441

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

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

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

Пробуйте.

Юзер

graver - 2014-11-016 августа 2013 11:02 - #15444

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

Юзер

207

ScreN - 2014-11-016 августа 2013 11:50 - #15445

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

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

Юзер

324

TheImDim - 2014-11-016 августа 2013 13:20 - #15452

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

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

Эксперт

Nagibaka - 2014-11-016 августа 2013 13:21 - #15453

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

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

Спсибо.

Frontend MotherFucker=:^^

Юзер

graver - 2014-11-016 августа 2013 15:57 - #15460

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

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

TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
Вчера, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:17

фтп обычный юзер а не root
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:15

дэк только так и загружаю
Gordi | Как реализовать шифрование трафика? ³

Gordi
Как реализовать шифрование трафика?
18-11-2024, 14:14

я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:13

Gordi,
через фтп загружай
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:11

Привет Николай!
Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
или направь на путь истинный, пжст