jQuery Seat Charts

JavaScript

座席指定の予約シートマップを実装できるjQueryプラグイン「jQuery Seat Charts」

jQuery Seat ChartsというjQueryプラグインを使えば、座席指定の予約をするためのシートマップを実装することができます。予約したい座席番号をクリックして選んでいきます。シンプルで見やすいシートマップですね。

[ads_center]

jQuery Seat Charts

jQuery Seat Chartsのデモは以下で確認することができます。

jQuery Seat Charts

デモ

実際のデモでは、ファーストクラス、エコノミークラス、予約済の3つのシートが色別に表示されています。

クリックするとその座席の色が変わり、同時にその座席の料金も加算されていく仕組みになっています。

デザインがシンプルなので予約に集中しやすくなりますね。

jQuery Seat Charts

関連記事

  1. Product comparison

    JavaScript

    製品などの比較に役立つjQueryプラグイン「Product comparison」

    Product comparisonは、いくつかの種類のものを比較する…

  2. Animocons

    JavaScript

    アイコンに素敵なアニメーションを実装できる「Animocons」

    Animoconsはアイコンにさまざまなアニメーションを加えることがで…

  3. HoldOn.js

    JavaScript

    ユーザーの待機中に表示させるアニメーション実装「HoldOn.js」

    HoldOn.jsはユーザーが待機している間に表示させるアニメーション…

  4. Priority Nav Scroller

    JavaScript

    水平スクロールができるナビゲーション「Priority Nav Scroller」

    Priority Nav Scrollerは水平スクロールを備えたナビ…

  5. Multi-device scrolling menu
  6. jQuery-ResizableColumns

    JavaScript

    テーブルのカラムをリサイズできる「jQuery-ResizableColumns」

    jQuery-ResizableColumnsは、テーブルのカラムをリ…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP