0

Аналог фичи, которую я хочу сделать - https://multiplex.ua/cinema/victoriaplaza. Это зал, когда выбираешь сеанс, хочу примерно такое же, но мне надо сверстать 4 зала разных, не рисовать же их дивами? Хотел узнать у про, как правильно такое делать, ибо я буду использовать jquery и рисовать блоками 150 мест...., что не слишком разумно, подскажите плис

2
  • а что не так с рисованием 150 мест? И что не нравится в рисовании дивами?
    – Grundy
    14 апр 2017 в 6:56
  • Вы код их смотрели? Там дивами все и сделано. Понятно, что с помощью скрипта. 14 апр 2017 в 6:56

1 ответ 1

0

Ну как в комментах пишут, в чем проблема рисовать дивами к примеру:

Делаешь div зала:

 <div class='hall'></div>

Описываешь в css стили для .hall - это у нас сам зал и .hall__place - место в зале

Затем на jQuery к примеру делаешь след код:

 // функция для генерации мест
 function generateHall(places) {
      // places - кол-во мест в зале
      var $hall = $('.hall');

      $hall.empty();
      for (var i=0; i<places; i++ ) {
         $hall.append('<div class="hall_place">'+i+'</div>'); 
      }
 }


 $(function() {
      generateHall(150); // генерация мест, можешь использовать где угодно
      // обработчик события клик
      $('body').on('click', '.hall_place', function() {
           var $this = $(this),
               num_place = $this.text(); // можно через атрибуты и т.п.
           // так же тут уже можно прописать применение стилей при клике и т.п.
      }) 

 })

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.