Frontend task, how best to approach its solution?

Question

Analogue features that I want to do - https://multiplex.ua/cinema/victoriaplaza . This is the hall, when you choose a session, I want about the same, but I need to impose 4 different halls, not to draw them with divas? I wanted to learn from the pro how to do this correctly, because I will use jquery and draw blocks of 150 places ...., which is not very reasonable, tell me plis

and what is wrong with drawing 150 places? And what's not to love about drawing divas? - Grundy
Did you see their code? There, the divas have done everything. It is clear that using the script. - KAGG Design

maxkrasnov maxkrasnov 2,902 6 silver marks 18 bronze marks · Accepted Answer · 2017-04-14T09:08:59

Well, as in the comments they write, what is the problem of drawing with divas for example:

Making a hall div:

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

You describe in css styles for .hall - this is our hall itself and .hall__place is a place in the hall

Then on jQuery for example you make the following code:

  // функция для генерации мест 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(); // можно через атрибуты и т.п. // так же тут уже можно прописать применение стилей при клике и т.п. }) })

Frontend task, how best to approach its solution?

1 answer 1

More articles: