jQuery Seat ChartsというjQueryプラグインを使えば、座席指定の予約をするためのシートマップを実装することができます。予約したい座席番号をクリックして選んでいきます。シンプルで見やすいシートマップですね。
[ads_center]
jQuery Seat Charts
jQuery Seat Chartsのデモは以下で確認することができます。
実際のデモでは、ファーストクラス、エコノミークラス、予約済の3つのシートが色別に表示されています。
クリックするとその座席の色が変わり、同時にその座席の料金も加算されていく仕組みになっています。
デザインがシンプルなので予約に集中しやすくなりますね。
座席を予約するためのシートマップを作りたい時に役立つjQueryプラグインです。
