Начало веб-разработки с Sinatra: как получить области HTML, реагирующие на щелчки мышью

Question

Предыстория: я создал игровой движок шашки в ruby ​​, первоначально с текстовым интерфейсом, затем создал настольный графический интерфейс , похожий на свинг, используя Jruby.Сейчас я пытаюсь разработать веб-интерфейс на основе Sinatra для представления.

Одна важная задача, которую мне нужно решить, - это как сообщать квадратные клики на доске (например, получать от и до квадратов для движения) игровому движку через маршруты.Есть ли способ сделать это, используя только HTML и CSS, или мне нужно встроить некоторый JavaScript для создания этой функциональности?Спасибо за любую информацию и извинения, если в вопросе есть невежество.

Answer 1

Javascript будет вашим лучшим выбором.Предполагая, что вы реализуете интерфейс с таблицей или любым другим html-элементом.Попробуйте использовать уникальный идентификатор для каждого блока, если вам нужно различное поведение для другого блока.И тогда вы можете просто использовать jquery для привязки к событию click.Например, у вас есть таблица, и каждый тд является блоком.

<table>
  <tr>
   <td class="block"></td>
   <td class="block"></td>
   <td class="block"></td>
   ... so on..
  </tr>
</table>

$(function(){
 $('.block').click(function(){
   //do something on click.
 });
});