2011-01-26 4 views
0

私は小さなウェブサイトを構築しています。 私のウェブサイトのユーザーは、さまざまな操作を実行することができます。すべては普通のhtmlで書かれています。そこには何もありません。Jquery - ページのイベントを隠さないマスクをドラッグアンドドロップします

ここでは、このトリックがあります。私はユーザーに画像をドラッグ・アンド・ドロップして、自分が見ているページの上のマスクに置くことができるようにしたいと考えています。

これは、以前使用していたすべての操作をマスクするため、うまく機能しません。私の上のマスクがすべてのクリックイベントをキャッチするので、私の古いHTMLコントロールは、ユーザーがそれらをクリックしたとき、もはやフォーカスを受け取りません。これを回避する方法はありますか?元のページのZ-インデックスを一番上に設定し、マスクを隠さないようにスクリプトエンジンに何とか指示しますか?

+1

こんにちは、実際にやりたいことややり方を理解するためには、HTMLとjqueryコードの関連部分を表示する必要があります。また、ウェブサイトをご利用いただける場合は、URLを掲載しないでください。 – Neil

+0

@neil、私はそれが現時点では開発中であることを恐れています。私はそれを描こうとします。それは良いことを説明することを望む。 – vondip

+0

ドラッグ/ドロップアクションのマスクのみを切り替えることはできますか? – polarblau

答えて

1

元のページよりも高いZ-インデックスで全幅/高さdivを設定しているとします。ドラッグドロップでそのdiv要素にイメージを追加しますか?

Implementing a hover info box には、既にNeilが示しているように使用できるものがあります。

もう1つの選択肢は、特定のX、Yクリックですべてのコントロールを見つけることです - divによって隠されたものも含みます。 Given an x,y coordinate, I need to find all html elements underneath it

+0

興味深いアプローチ。このように考えなかった。試してみる – vondip

関連する問題