Как реализовать схему зала с возможностью бронирования места?

Question

[Егор Астрейко]

Всем привет, подскажите как можно реализовать данную схему зала с возможность бронирования мест, показа занятых ?

Без использования svg.

Comments

[sim3x]

Уточните, почем без свг?

Answer 1

[Александр]

без svg

Без SVG - дивами.

• 1 место - 1 див;
  
• Каждому диву уникальный ид;
  
• Каждому ид - соответствие места;
  
• Собственно все.
  

Comments

[Егор Астрейко]

А дивы создавать при помощи js ?

[Дмитрий Энтелис]

Егор Астрейко, можно js, можно с серверсайда рендерить, тут уж каждый как хочет.

[Иван]

Но от SVG это по факту не будет различаться. Разве что SVG можно нарисовать в редакторе, а с div'ами придется сношаться ручкми. Но мы не ищем легких путей ...

[Александр]

А дивы создавать при помощи js ?

Намного быстрее будет отрендерить на стороне сервера - заодно сразу будут разбросаны правильные классы. Но можно и JS - будет работать чуть медленнее, но работать будет.

[Александр]

Иван, по факту да. Но не соглашусь по поводу "сношений" с дивами. Там не так все страшно +)

[Иван]

Александр, нууу если там сетка аля Excel,  то да. Но если посмотреть на картинку то все интереснее.

Answer 2

[xmoonlight]

Без использования svg.

Не, ну тогда Canvas однозначно!

Answer 3

[Kalombyr]

SVG позволит и нарисовать и повесить события на выбор места.