Интересная форма записи на услугу

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

Автор Темы
gazzon
Читатель
Читатель
Сообщения: 11
Зарегистрирован: 30 мар 2017, 19:10
Версия Web Builder: 10.4.8

Интересная форма записи на услугу

Сообщение gazzon » 30 мар 2017, 19:26

Добрый день.

Как думаете можно на веббилдере организовать форму как на этом сайте? - https://navysote74.ru/index.php

Там на каждый час любого числа могут записатьсья до 8 человек, а иконка этого часа по мере набора людей меняет цвет.

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

jigjig2017
Подающий надежды
Подающий надежды
Сообщения: 131
Зарегистрирован: 11 мар 2017, 20:08
Версия Web Builder: 12.0.2

Интересная форма записи на услугу

Сообщение jigjig2017 » 30 мар 2017, 19:29

это наверное на js должно быть написанно

Отправлено спустя 56 секунд:
http://visitizer.com/info/web_script вот посмотри вроде это то что ты ищиш

Отправлено спустя 8 минут 38 секунд:

Код: Выделить всё

<script type="text/javascript">
 
 
function openbox(id){
 
    display = document.getElementById(id).style.display;
    if(display=='none'){
 
       document.getElementById(id).style.display='block';
 
    }else{
 
       document.getElementById(id).style.display='none';
    }
 
}
</script>
<h3><b>Список доступных дат</b></h3>
  <div style='padding:10px 0'>
 
<a onclick="openbox('box'); return false" href="#" class='btn blue'>Пн 04 Апр</a>
 <a onclick="openbox('box'); return false" href="#" class='btn blue'>Сб 09 Апр</a>
  </div>
<div id="box" style="display: none;" align="center"><h3>Время приема</h3> <br>
<a onclick="openbox('box1'); return false" href="#" class='btn green'>10:00-11:00</a> <br>
 <a onclick="openbox('box1'); return false" href="#" class='btn green'>11:00-12:30</a>
</div>
<div id="box1" style="display: none;" align="center"><h3>Записаться</h3>
 
<form action="[[~[[*id]]]]" method="post" class="form" align="center">
    <input type="hidden" name="nospam:blank" value="" />
    <label for="name">Фамимия и Имя <span class="required">*</span>:</label>
    <span class="error">[[!+fi.error.name]]</span>
    <input type="text" name="name" id="name" value="[[!+fi.name]]" />
 
    <label for="phone">Ваш телефон <span class="required">*</span>:</label>
    <span class="error">[[!+fi.error.phone]]</span>
    <input type="text" name="phone" id="phone" value="[[!+fi.phone]]" />
   
    <input class="submit_button1" type="submit" value="Записаться" />
</div>

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

Автор Темы
gazzon
Читатель
Читатель
Сообщения: 11
Зарегистрирован: 30 мар 2017, 19:10
Версия Web Builder: 10.4.8

Интересная форма записи на услугу

Сообщение gazzon » 30 мар 2017, 20:13

А куда этот скрипт нужно внедрить, можете объяснить? я начинающий. Скрипты на сайт ставил параллакс и плавная прокрутка, а этот чет не пойму куда воткнуть.

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

jigjig2017
Подающий надежды
Подающий надежды
Сообщения: 131
Зарегистрирован: 11 мар 2017, 20:08
Версия Web Builder: 12.0.2

Интересная форма записи на услугу

Сообщение jigjig2017 » 30 мар 2017, 20:50

в html а его размещай там где тебе нужно
а код который я написал или с сайта?
вот этот пункт
[img]/images/bb.jpg[/img]

Отправлено спустя 30 секунд:
в html а его размещай там где тебе нужно
а код который я написал или с сайта?
вот этот пункт
Изображение

Отправлено спустя 9 минут 37 секунд:
http://www.cyberforum.ru/php/thread3318 ... ost6292300 вот ссылка там регаешся и скачиваешь там сам реши какой

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

Автор Темы
gazzon
Читатель
Читатель
Сообщения: 11
Зарегистрирован: 30 мар 2017, 19:10
Версия Web Builder: 10.4.8

Интересная форма записи на услугу

Сообщение gazzon » 30 мар 2017, 21:52

Спасибо друг, попытаюсь. Попробовал в html пока болтня какая-то получается, попробую поковырять.

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

jigjig2017
Подающий надежды
Подающий надежды
Сообщения: 131
Зарегистрирован: 11 мар 2017, 20:08
Версия Web Builder: 12.0.2

Интересная форма записи на услугу

Сообщение jigjig2017 » 31 мар 2017, 17:38

зайди в личные сообщения

я вас там спросил

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

jigjig2017
Подающий надежды
Подающий надежды
Сообщения: 131
Зарегистрирован: 11 мар 2017, 20:08
Версия Web Builder: 12.0.2

Интересная форма записи на услугу

Сообщение jigjig2017 » 02 апр 2017, 17:30

решение одно выучить javascript и написать то что надо тебе ведь готовых на 100% решений не бывает поищи в ютубе уроки javascript и всё ну либо найми кого нибудь а вообще я тебе шаблон дал пробуй как то его изменить когда время будет я тебе скрипт по лучше сделаю а от него ты и будешь плясать

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

spoon
Специалист
Специалист
Сообщения: 1123
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Интересная форма записи на услугу

Сообщение spoon » 04 апр 2017, 12:38

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


Ответить

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

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

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