Как добавить класс к элементу, при клике на который будет выводиться запрос  [РЕШЕНО]

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

Автор Темы
German
Читатель
Читатель
Сообщения: 6
Зарегистрирован: 16 фев 2016, 02:19
Версия Web Builder: 11.0.3

Как добавить класс к элементу, при клике на который будет выводиться запрос

Сообщение German » 25 май 2018, 04:14

Добрый день. Прошу помощи знатоков :-):
Может быть кто-то сталкивался с такой задачей в рамках WWB: "Установка SendPulse Push-уведомления" (сложность возникла с работой по клику на элемент).

У сервиса дана инструкция:
Добавьте класс sp_notify_prompt к элементу, при клике на который будет выводиться запрос. Например:
<a href="#" class="sp_notify_prompt">Включить уведомления</a>

* не понимаю - куда это запихать, чтобы работало (все остальные коды установлены корректно)

Сейчас сервис без проблем работает по таймеру и прочим вариантам - но нужен клик по элементу и активация (будет кнопка отрисована)
Если кто-то знает, куда надо внести этот код в WWB - прошу ответить.

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

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Как добавить класс к элементу, при клике на который будет выводиться запрос  [РЕШЕНО]

Сообщение anonimus » 25 май 2018, 05:15

вот пример реализации

Изображение

Изображение

class.wbs
У вас нет необходимых прав для просмотра вложений в этом сообщении.
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

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

Автор Темы
German
Читатель
Читатель
Сообщения: 6
Зарегистрирован: 16 фев 2016, 02:19
Версия Web Builder: 11.0.3

Как добавить класс к элементу, при клике на который будет выводиться запрос

Сообщение German » 25 май 2018, 15:55

Большое спасибо. Все работает :bra_vo:

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

robert359
Сведущий
Сведущий
Сообщения: 167
Зарегистрирован: 17 авг 2014, 21:51
Версия Web Builder: 12.5
Имя: Роберт

Как добавить класс к элементу, при клике на который будет выводиться запрос

Сообщение robert359 » 13 ноя 2019, 15:57

А что если нет вкладки "Inside anchor" при открытии "Object HTML"?)

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

anonimus
Moderator
Moderator
Сообщения: 5248
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Как добавить класс к элементу, при клике на который будет выводиться запрос

Сообщение anonimus » 13 ноя 2019, 16:37

тогда смотрите скриншот
Подключение формы обратной связи Wysiwyg Web Builder к телеграмму (заявки будут приходить на почту и в телегу, даже с прикреплёнными файлами и картинками)
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Более подробное описание услуг https://wysiwygwebbuilder.ru/forum/viewtopic.php?f=54&t=975
Емаil: mailrobot@wwbmaster.ru
Telegram: HTMLPLUSRU
==============

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

robert359
Сведущий
Сведущий
Сообщения: 167
Зарегистрирован: 17 авг 2014, 21:51
Версия Web Builder: 12.5
Имя: Роберт

Как добавить класс к элементу, при клике на который будет выводиться запрос

Сообщение robert359 » 13 ноя 2019, 17:04

а где вы нашли это окно?) Мне нужно присвоить классы номерам телефонов. Но на них уже стоят гиперссылки вида "Tel:..." с выбранным стилем.
Так вот, WB принимает имя этого стиля за класс.
Например "white-gray".

Я прописываю класс внутри тега и получается два класса, один перекрывает второй(

Изображение
Изображение

сайт умный-ремонт72.рф

Помогите, плиз) можно за деньги

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

spoon
Помешаный
Помешаный
Сообщения: 1614
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий

Как добавить класс к элементу, при клике на который будет выводиться запрос

Сообщение spoon » 14 ноя 2019, 06:59

Какая цель класса callibri_phone для <span> и white-gray для <a>?
Съешь ещё этих мягких французских булок, да выпей чаю!
Телега

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

robert359
Сведущий
Сведущий
Сообщения: 167
Зарегистрирован: 17 авг 2014, 21:51
Версия Web Builder: 12.5
Имя: Роберт

Как добавить класс к элементу, при клике на который будет выводиться запрос

Сообщение robert359 » 15 ноя 2019, 02:15

Я не совсем понял, что значит "цель класса"?
callibri прописывается для подмены номеров, а white-gray это просто стиль гиперссылки

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

spoon
Помешаный
Помешаный
Сообщения: 1614
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий

Как добавить класс к элементу, при клике на который будет выводиться запрос

Сообщение spoon » 15 ноя 2019, 06:02

Что значит "для подмены номеров"? При наведении номер меняется?
Съешь ещё этих мягких французских булок, да выпей чаю!
Телега

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

robert359
Сведущий
Сведущий
Сообщения: 167
Зарегистрирован: 17 авг 2014, 21:51
Версия Web Builder: 12.5
Имя: Роберт

Как добавить класс к элементу, при клике на который будет выводиться запрос

Сообщение robert359 » 15 ноя 2019, 15:53

Нет, номер меняется в зависимости от вида трафика, сервис Callibri.
Я решил проблему просто переименовав название стиля гиперссылки в нужный класс - callibri_phone, к каждому номер привязав ссылку вида "Tel:....".
В итоге все номера телефонов на сайте должны быть одним цветом. Находятся они, как правило в шапке, на светлом фоне, и в подвале, на темном. Я просто сделал подвал светлым.

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

spoon
Помешаный
Помешаный
Сообщения: 1614
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий

Как добавить класс к элементу, при клике на который будет выводиться запрос

Сообщение spoon » 15 ноя 2019, 16:16

Я бы так сделал видос
Съешь ещё этих мягких французских булок, да выпей чаю!
Телега

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

robert359
Сведущий
Сведущий
Сообщения: 167
Зарегистрирован: 17 авг 2014, 21:51
Версия Web Builder: 12.5
Имя: Роберт

Как добавить класс к элементу, при клике на который будет выводиться запрос

Сообщение robert359 » 03 дек 2019, 22:28

Да, я так и сделал, просто сделал выбор в пользу светлого фона и темного шрифта номера телефона :)


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

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

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

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