Реализация всплывающего окна на той же странице  [РЕШЕНО]

WYSIWYG Web Builder, вопросы которые не охвачены в других разделах.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить Вложения 3
Аватара пользователя

Автор Темы
igporoshin
Читатель
Читатель
Сообщения: 15
Зарегистрирован: 16 дек 2016, 01:39
Версия Web Builder: 11.2.4

Реализация всплывающего окна на той же странице

Сообщение igporoshin » 16 дек 2016, 01:53

Здравствуйте.

Решил подойти к изучения программы нетривиально и скопировать страницу поисковой выдачи Гугла с небольшими изменениями.

Необходимо, чтобы при нажатии на наименование компании справа появлялось окно с информацией о ней. окно не должно содержать прокруток и находиться в определенном месте на странице - справа от списка компаний/ссылок. Это должно выглядеть примерно так:

222.PNG


Почитав по теме, выяснил, что можно сделать это с помощью функционала "открыть в лайтбоксе", но получается с прокруткой и не получается сделать в нужном положении. Новую страницу делал размером 300 на 300, в настройках лайтбокса прописывал:

width: 300,
height; 300

но выходит вот так:

34.PNG


Каким образом решить задачу?

Можно по-другому сделать, а не лайтбоксом?

Спасибо.
У вас нет необходимых прав для просмотра вложений в этом сообщении.

Реклама
Аватара пользователя

Конструкторщик
Эксперт
Эксперт
Сообщения: 1419
Зарегистрирован: 06 фев 2012, 14:01
Версия Web Builder: 12.0.2

Реализация всплывающего окна на той же странице

Сообщение Конструкторщик » 16 дек 2016, 02:40

44.wbs
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Однажды купивший-будет платить все время.

Аватара пользователя

Автор Темы
igporoshin
Читатель
Читатель
Сообщения: 15
Зарегистрирован: 16 дек 2016, 01:39
Версия Web Builder: 11.2.4

Реализация всплывающего окна на той же странице

Сообщение igporoshin » 16 дек 2016, 20:20

Конструкторщик, я скачал, то что нужно, исключая эффект появления. Но если честно, я совсем не понимаю как это делается( Можете подсказать подробнее, спасибо.

Аватара пользователя

Автор Темы
igporoshin
Читатель
Читатель
Сообщения: 15
Зарегистрирован: 16 дек 2016, 01:39
Версия Web Builder: 11.2.4

Реализация всплывающего окна на той же странице

Сообщение igporoshin » 17 дек 2016, 01:26

Вроде, это событие onclick, но как прикрепить это событие к ссылке и как настроить дальше открывающееся поле непонятно.

Отправлено спустя 2 часа 15 минут 19 секунд:
Все, разобрался. Только вопрос: как вы сделали кнопку"скрыть окно"? Как просмотреть все крытые элементы? И есть ли что то типа контейнера в этом редакторе, так как открывающееся окно должно быть практически как страница новая.

Аватара пользователя

Конструкторщик
Эксперт
Эксперт
Сообщения: 1419
Зарегистрирован: 06 фев 2012, 14:01
Версия Web Builder: 12.0.2

Реализация всплывающего окна на той же странице  [РЕШЕНО]

Сообщение Конструкторщик » 17 дек 2016, 14:18

Изображение
А кто мешает сделать всплыв.окно нужных размеров?
Однажды купивший-будет платить все время.

Аватара пользователя

Автор Темы
igporoshin
Читатель
Читатель
Сообщения: 15
Зарегистрирован: 16 дек 2016, 01:39
Версия Web Builder: 11.2.4

Реализация всплывающего окна на той же странице

Сообщение igporoshin » 17 дек 2016, 18:57

Все сделал, все работает. Спасибо за помощь!


Ответить Вложения 3

Вернуться в «Общие вопросы.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 2 гостя