2011-07-08 13 views
1

私は3つの状態で、多くのチェックボックスのような円形劇場の選択の座席のイメージマップを作成するための要件を持っている:選択し、選択されていない、または無効。選択したイメージがデータベースの提出のためにシリアル化されるように、これを行う方法があるかどうかを知りたいですか?javascriptまたはjQueryでイメージマップを選択できるようにしますか?

私はそれだけでチェックボックスで作業を持っていますが、私は(彼らはかなりのものが好き:p)をクライアントのためにそれらを使用することはできません

答えて

1

なぜあなただ​​けのjqueryのUIのボタンを使用しないのですか?おそらく役立つはず、あなたが何かを再コーディングする必要はありません

http://jqueryui.com/demos/button/#icons

+0

イメージの一部にすることはできますか? (イメージマップのようなものです) –

+1

ええと、私はそれを見ると、イメージマップはそれにはまったく使用できないでしょう。クリックされたシートと使用できないシートの組み合わせごとに別のイメージが必要になるからです。 私はこのようなものが必要だと考えていました: http://jsfiddle.net/kufi/frxqf/ – kufi

+0

クリックしたときにセクションにクラスを追加すると思っていました。それはちょうど私が何かをシリアル化する必要があることを意味しますそのクラスをクリックして...私はそのリンクを見てみましょう –

2

チェックアウト私のjQueryプラグインImageMapsterを。正確にこれを行います:ハイライトされ、状態を維持できるイメージマップの領域を特定することができます。強調表示された領域のソースとして第2のイメージを使用すること、特定の状態で無視または修正されるべき領域を特定することを含む、ハイライトをレンダリングするための多くのオプションがあります。そのリンク上USAマップの例では:

  • ワシントン州が恒久的に選択されている&が、これはちょうどそれかのようである(
  • オレゴン州は、恒久的にイベントをマウスオーバーする を応答しない&を選択解除され マウスオーバーイベントに応答しません)マップ内の領域を含むが、それらをオフに しかし に理由があるかもしれないので、オプションはその場で変更することができます - 地図の一部ではありませんでした。
  • アラスカは 選択不可である(ただし、イベントをマウスオーバーに応答ん)

また、各エリアのハイライトがあたり、エリア毎に表示方法を決定するオプションを割り当てることができます。

完全なドキュメントはgithubです。

あなただけがハイライトのための「代替画像」オプションを使用している場合、プラグインは、各ハイライトを作成するために、第二の画像の同じ領域からのコンテンツを描画する単一の代替画像が必要です。

これは、データソースとして任意のHTMLイメージマップで動作します。

関連する問題