Как прикрутить onclick к элементу в X5?
Author: Nikolay Z.Купил у английского пионера примочку для создания слоев со всплывющими окнами в X5. Поддержки у него нет вообще никакой, хотя сама по себе штука хорошая, ну и инструкции можно понять и выполнить.
В общем развернул у себя на сайте, тестовую версию вывел на эту страницу сайта: http://www.masterplans.ru/kreditnii_analiz.html
После скроллинга вниз на 200 пикселей всплывает контактная форма и даже работает - присылает запросы на мейл и пишется в базу, и выглядит круто.
В общем - я разобрался, как настроить всплывающее окно на загрузку страницы, выход и скроллинг. Но это все не особо нужные опции. То, что нужно - чтобы форма появлялась при нажатии на какой-то элемент, рисунок или еще лучше - кнопку hoover или animated button.
Это тоже можно сделать. В инструкции написано:
- Если вы хотите, чтобы всплывающее окно открывалось после клика по какому-то элементу, добавьте к этому элементу следующий onclick handler: onclick="return ulp_open('POPUP_ID');"
- Пример: <a href="#" onclick="return ulp_open('POPUP_ID');">Raise the popup</a>
Но вот тут у меня уже мозгов не хватает, чтобы разобраться, куда эту ссылку приделать в интерфейсе Х5. Не подскажете, друзья?
Все подобные формы с фиксированным размещением плывут на смарфонах и планшетах с маленькой диагональю (на более-менее "больших" планшетах приходится увеличивать, чтобы прочитать такие формы и происходит тоже самое - окна режутся и уплывают). Глянул на своем смартфоне - форма обрезана снизу, адаптивный дизайн поломался, нужно скролить в бок. И вот такое происходит повсеместно. Адаптивный дизайн уместен только на одностраничниках, где нет лишних красивостей, нет всплывающих форм и т.п., короче там, где минимум дизайна и фишек современных.
Author
Возможно, но вопрос был совершенно о другом.
Здесь правильно было бы внести правки через фтп в сам код, нужного Вам места для вставки. Но для этого нужно иметь хотя бы базовые знания html, php.
Единственное, что Вы можете это попробывать вставить в поле url эту часть кода: href="#" onclick="return ulp_open('POPUP_ID');">Raise the popup, без открытого тега <a>, если не получится, то пробуйте вставить весь код целиком.
И не забудьте заполнить поле POPUP_ID.
Вот пример:
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>
В фейсбуке у них поддержка отвечает быстро. А на кнопку ставите такую ссылку (ссылка на файл в интернете)
"#" onclick="return ulp_open('xxxxxxxxxxxxx');
вместо х подставляете идентификатор вашего окна
форма отправляется при обязательном наличии строки Email клиента, не получится, например, обойтись только строками имя и телефон.
Author
У них там код на картинку <a href="" #"="" onclick="return ulp_open('4wLat7drkzVxgmig');"><img id="imObjectImage_37" src="images/subscribe-01.jpg" title="" alt=""></a>
Достаточно такой код вставить в свойства страницы, или надо какую-то более обширную историю описывать?
Author
Бинго! Заработало. Спасибо, Павел. Тоже пользуетесь их софтом?
да, окна эти купил. ещё там есть бесплатные: адаптивная таблица и адаптивный аккордеон для текста на странице
Author
А не дадите ссылку на аккордеон?
Author
Имею в виду - у них на сайте, откуда можно скачать?
Author
Все, нашел.