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. no-image

    JavaScript

    カスタマイズもできるダイナミックなコンタクトフォーム「Swyft Callback」

    Swyft Callbackはカスタマイズもできるダイナミックで美しい…

  2. Brusher

    JavaScript

    インタラクティブな背景を実装できる「Brusher」

    Brusherはインタラクティブな背景を実装できる軽量なJavaScr…

  3. JavaScript

    2KB程の軽量&シンプルなjQueryスライダー「Craftyslide」を使ってみた

    とてもシンプルで軽量ないい感じのjQueryプラグイン「Craftys…

  4. Jquery-Slider

    JavaScript

    水平の画像タイムラインを実装できる「Jquery-Slider」

    Jquery-Sliderは水平の画像タイムラインを実装できるのが特徴…

  5. flubber

    JavaScript

    滑らかなシェイプアニメーションを実装できる「flubber」

    flubberは、滑らかな2Dによるシェイプアニメーションを実装するこ…

  6. JavaScript

    タッチ、フリック、レスポンシブ対応のスライダーギャラリー「Flickity」

    Flickityはスマフォやタブレットに最適なタッチやフリック、または…

最近の記事

  1. CITTA TT5.0
  2. Kindle Oasis
  3. OWL-WDDESK01
  4. ワンタッチ着脱フィルターキット

アーカイブ

PAGE TOP