ChartsというjQueryプラグインを使えば、座席指定の予約をするためのシートマップを実装することができます。予約したい座席番号をクリックして選んでいきます。シンプルで見やすいシートマップですね。Chartsのデモは以下で確認することができます。デモ実際のデモでは、ファーストクラス、エコノミークラス、予約済の3つのシートが色別に表示されています。クリックするとその座席の色が変わり、同時にその座席の料金も加算されていく仕組みになっています。デザインがシンプルなので予約に集中しやすくなりますね。座席を予約するためのシートマップを作りたい時に役立つjQueryプラグインです。関連記事JavaScriptJavaScriptでセレクトボックスから項目を選択したらリンク先にジャンプさせるやり方ちょっとした備忘録です。画像や要素をペラッとめくるようなエフェクトを実装できるJSライブラリ「...JavaScriptMediumライクな画像ズームを実装できる「MediumLightbox」シンプルでエレガントな画像ズーム機能をwebサイトに実装できる「Med...JavaScriptテキストを自動スクロールできる「jquery.autoscroll-text-tape」jquery.autoscroll-text-tapeはテキストを水平...JavaScriptレスポンシブで多階層に対応したドロップダウンメニュー「StellarNav.js」StellarNav.jsはjQueryによるレスポンシブで多階層に対...JavaScript滑らかでスムーズなホバーエフェクトを実装できるjQueryプラグイン「Slickhover.js」とても軽量で使いやすいのがいいですね。ホバー時に滑らかでスムーズなエフ...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。