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

Rate Yo!星評価(レーティング)を簡単に実装できるjQueryプラグイン「Rate Yo!」前のページ

Windows 8やWindows Phoneの人気のメトロカラーのリストや詳細が確認できる「Metro UI Colors」次のページ

関連記事

  1. megamenu.js

    JavaScript

    レスポンシブでスマートなメガメニューを実装できる「megamenu.js」

    megamenu.jsはjQueryを使ったレスポンシブでスマートなメ…

  2. Accessible Dialog

    JavaScript

    ナビゲーションメニューをモーダルダイアログで表示する「Accessible Dialog」

    Accessible Dialogは、ナビゲーションメニューをモーダル…

  3. ArtDesignSlider

    JavaScript

    レスポンシブで豊富なエフェクトのイメージスライダー「ArtDesignSlider」

    ArtDesignSliderは豊富なエフェクトでレスポンシブにも対応…

  4. JK Responsive Youtube Video and Image Gallery
  5. Dependent / Cascading Select List with jQuery Select2

    JavaScript

    選択内容によりその下の内容も変化するセレクトボックス「Dependent / Cascading S…

    セレクトボックスを強力でカスタマイズ性が高く、そして充実させる人気のj…

  6. JavaScript

    360度画像を回転させるjQueryプラグイン10

    画像を360度回転させて見せることができる素敵なjQueryプラグイン…

最近の記事

  1. EOS R5
  2. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ
  3. ペットボトルホルスター

アーカイブ

PAGE TOP