WebSite X5Help Center

 
Nikolay Z.
Nikolay Z.
User

Как прикрутить onclick к элементу в X5?  ru

Автор: Nikolay Z.
Просмотрено 1577, Подписчики 1, Размещенный 0  

Купил у английского пионера примочку для создания слоев со всплывющими окнами в X5. Поддержки у него нет вообще никакой, хотя сама по себе штука хорошая, ну и инструкции можно понять и выполнить.

В общем развернул у себя на сайте, тестовую версию вывел на эту страницу сайта: http://www.masterplans.ru/kreditnii_analiz.html

После скроллинга вниз на 200 пикселей всплывает контактная форма и даже работает - присылает запросы на мейл и пишется в базу, и выглядит круто. 

В общем - я разобрался, как настроить всплывающее окно на загрузку страницы, выход и скроллинг. Но это все не особо нужные опции. То, что нужно - чтобы форма появлялась при нажатии на какой-то элемент, рисунок или еще лучше - кнопку hoover или animated button.

Это тоже можно сделать. В инструкции написано: 

  1. Если вы хотите, чтобы всплывающее окно открывалось после клика по какому-то элементу, добавьте к этому элементу следующий  onclick handler: onclick="return ulp_open('POPUP_ID');" 
  2. Пример: <a href="#" onclick="return ulp_open('POPUP_ID');">Raise the popup</a>

Но вот тут у меня уже мозгов не хватает, чтобы разобраться, куда эту ссылку приделать в интерфейсе Х5. Не подскажете, друзья?

Размещено
11 Ответы - 3 Полезно - 1 Корректно
Igor R.
Igor R.
User

Все подобные формы с фиксированным размещением плывут на смарфонах и планшетах с маленькой диагональю (на более-менее "больших" планшетах приходится увеличивать, чтобы прочитать такие формы и происходит тоже самое - окна режутся и уплывают). Глянул на своем смартфоне - форма обрезана снизу, адаптивный дизайн поломался, нужно скролить в бок. И вот такое происходит повсеместно. Адаптивный дизайн уместен только на одностраничниках, где нет лишних красивостей, нет всплывающих форм и т.п., короче там, где минимум дизайна и фишек современных.

Читать больше
Размещено От Igor R.
Nikolay Z.
Nikolay Z.
User
Автор

Возможно, но вопрос был совершенно о другом. 

Читать больше
Размещено От Nikolay Z.
Киррилл M.
Киррилл M.
User

Здесь правильно было бы внести правки через фтп в сам код, нужного Вам места для вставки. Но для этого нужно иметь хотя бы базовые знания html, php.

Единственное, что Вы можете это попробывать вставить в поле url эту часть кода: href="#" onclick="return ulp_open('POPUP_ID');">Raise the popup, без открытого тега <a>, если не получится, то пробуйте вставить весь код целиком.

И не забудьте заполнить поле POPUP_ID.

Читать больше
Размещено От Киррилл M.
Vitaliy M.
Vitaliy M.
User

Вот пример:

DEMO (Incomedia WebSite X5 Professional 14.0.6.2) - https://www.x5tuts.com/demo/layered-popups/

Admin panel - https://www.x5tuts.com/layered-popups/admin.php

Используйте HTML - код

Из админ-панели копируйте ID

и вставляете в код

<a href="" #"="" onclick="return ulp_open('Mn6arBQLaDhJQG5F');"><img id="imObjectImage_36" src="images/subscribe-15.jpg" title="" alt=""></a>

Читать больше
Размещено От Vitaliy M.
Pavel M.
Pavel M.
User

В фейсбуке у них поддержка отвечает быстро. А на кнопку ставите такую ссылку (ссылка на файл в интернете) 

"#" onclick="return ulp_open('xxxxxxxxxxxxx');

вместо х подставляете идентификатор вашего окна

форма отправляется при обязательном наличии строки Email клиента, не получится, например, обойтись только строками имя и телефон.

Читать больше
Размещено От Pavel M.
Nikolay Z.
Nikolay Z.
User
Автор

У них там код на картинку  <a href="" #"="" onclick="return ulp_open('4wLat7drkzVxgmig');"><img id="imObjectImage_37" src="images/subscribe-01.jpg" title="" alt=""></a>

Достаточно такой код вставить в свойства страницы, или надо какую-то более обширную историю описывать?

Читать больше
Размещено От Nikolay Z.
Nikolay Z.
Nikolay Z.
User
Автор
Pavel M.
В фейсбуке у них поддержка отвечает быстро. А на кнопку ставите такую ссылку (ссылка на файл в интернете)  "#" onclick="return ulp_open('xxxxxxxxxxxxx'); вместо х подставляете идентификатор вашего окна форма отправляется при обязательном наличии строки Email клиента, не получится, например, обойтись только строками имя и телефон.

Бинго! Заработало.  Спасибо, Павел. Тоже пользуетесь их софтом? 

Читать больше
Размещено От Nikolay Z.
Pavel M.
Pavel M.
User
N. Zhuravlev
Pavel M. В фейсбуке у них поддержка отвечает быстро. А на кнопку ставите такую ссылку (ссылка на файл в интернете)  "#" onclick="return ulp_open('xxxxxxxxxxxxx'); вместо х подставляете идентификатор вашего окна форма отправляется при обязательном наличии строки Email клиента, не получится, например, обойтись только строками имя и телефон. Бинго! Заработало.  Спасибо, Павел. Тоже пользуетесь их софтом? 

да, окна эти купил. ещё там есть бесплатные: адаптивная таблица и адаптивный аккордеон для текста на странице

Читать больше
Размещено От Pavel M.
Nikolay Z.
Nikolay Z.
User
Автор
Pavel M.
да, окна эти купил. ещё там есть бесплатные: адаптивная таблица и адаптивный аккордеон для текста на странице

А не дадите ссылку на аккордеон? 

Читать больше
Размещено От Nikolay Z.
Nikolay Z.
Nikolay Z.
User
Автор

Имею в виду - у них на сайте, откуда можно скачать?

Читать больше
Размещено От Nikolay Z.
Nikolay Z.
Nikolay Z.
User
Автор

Все, нашел.

Читать больше
Размещено От Nikolay Z.