SinatraによるWeb開発の開始：どのようにしてマウスのクリックに反応するHTMLの領域を得るのですか

Question

背景：私はテキストベースのguiでcheckers game engine in rubyを作成した後、Jrubyを使用してa swing-like desktop guiを作成しました。今私はビューのためにa Sinatra-based web interfaceを開発しようとしています。

私がカバーしなければならない重要な仕事の1つは、ルートを通ってゲームエンジンにボードの四角いクリック（例えば、動きの正方形と正方形の取得）を伝える方法です。ちょうどHTMLとCSSを使用してこれを行う方法はありますか、またはこの機能を作成するためにjavascriptをビルドする必要はありますか？質問に無知がある場合は、あらゆる情報と高度な謝罪ありがとう。

Answer 1

Javascriptが最適です。テーブルや他のhtml要素を使ってインタフェースを実装すると仮定します。ブロックごとに異なる動作が必要な場合は、ブロックごとに固有の識別子を使用してみてください。そして、単純にjqueryを使ってclickイベントにバインドすることができます。たとえば、テーブルがあり、各tdがブロックです。

<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. 
}); 
});