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. JavaScript

    JavaScriptでセレクトボックスから項目を選択したらリンク先にジャンプさせるやり方

    ちょっとした備忘録です。よく見るセレクトボックスから各項目を選択するだ…

  2. Sticker.js

    JavaScript

    ペラッとめくるようなエフェクトが素敵なJSライブラリ「Sticker.js」

    画像や要素をペラッとめくるようなエフェクトを実装できるJSライブラリ「…

  3. MediumLightbox

    JavaScript

    Mediumライクな画像ズームを実装できる「MediumLightbox」

    シンプルでエレガントな画像ズーム機能をwebサイトに実装できる「Med…

  4. jquery.autoscroll-text-tape
  5. StellarNav.js

    JavaScript

    レスポンシブで多階層に対応したドロップダウンメニュー「StellarNav.js」

    StellarNav.jsはjQueryによるレスポンシブで多階層に対…

  6. Slickhover.js

    JavaScript

    滑らかでスムーズなホバーエフェクトを実装できるjQueryプラグイン「Slickhover.js」

    とても軽量で使いやすいのがいいですね。ホバー時に滑らかでスムーズなエフ…

最近の記事

  1. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  2. ブラジルイパネマ
  3. 梅しば
  4. BM-IBCDH13RD

アーカイブ

PAGE TOP