問題タブ [imagemap]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
iphone - iPhone でクリッカブル イメージ マップを作成する
米国のクリッカブル マップを作成したいと考えていました。ユーザーが州を選択すると、その州が強調表示され、別の詳細ビューが表示されます。次の Web アプリケーションのように。
http://www.usflashmap.com/samples/real-estate-map/index_ext.html
ネイティブの iPhone アプリケーションでこれを実現する方法についての提案をいただければ幸いです。
前もって感謝します、サラ
html - 画像ホットスポットを使用しても問題ありませんか? それが今日の世界でそれを行う最善の方法ですか？
4 つに分割する必要がある写真があり、各部分にはリンクが必要です。人々はまだ画像ホットスポットを使用していますか?
javascript - HTML イメージ マップを使用して JavaScript Web インターフェイスを実装するためのヒントとコツ
ユーザーがマップ上の事前定義された地域をクリックできるようにし、送信ボタンをクリックするとクリックされた地域のリストを返す JavaScript を使用した Web インターフェイスを実装するためのヒントとコツを入手したいと思います。このリストはサーバーに送信されます (そのために、HTTP の "post" メソッドを使用できます)。
最初の質問は、地図上で地域を定義する方法です。私は HTML イメージ マップについて赤字ですが、各領域の座標を抽出する必要があるため、面倒なようです。画像からこのリストを自動的に生成する方法になるかどうか疑問に思っていましたか?
2 番目の質問は、ユーザーが送信ボタンをクリックしたときにサーバーに送信できるように、クリックされた領域のリストを保存する方法です。私は JavaScript にあまり詳しくないので、経験豊富な JavaScript プログラマーにとってはおそらく簡単なものになるでしょう ;-)
ありがとう
gwt - GWT で ImageMap のようなものが必要
GWT プロジェクトで Html ImageMap & Html MapArea のようなものが必要です。私にとって最良の選択は何ですか？
標準の GWT 2.0 にウィジェットはありますか?
ありがとう
javascript - Jquery maphilight : シンプルな新機能を追加したい
私は Jquery の初心者なので、これらの質問には簡単に答えられるはずです。マップのハイライト スクリプト ( http://plugins.jquery.com/project/maphilight ) を変更して、2 つの機能を追加したいと思います。
- 質問 1. マウス ボタンをクリックして離す代わりに、マウス ボタンを押したままにすることで、一部の領域を強調表示できるようにしたいと考えています。
コードの関連部分は次のとおりです。
$.fn.maphilight = function(opts) { opts = $.extend({}, $.fn.maphilight.defaults, opts);
return this.each(function() { mouseclick = function(e,id) { ...}
mouseover で mouseclick 関数を呼び出そうとしましたが、何も強調表示されません。私はおそらく正しい方法で関数を呼び出していませんか?
- 質問 2. ボタンを押した後に、領域を強調表示するために使用される色を変更できるようにしたいです。
ありがとう
javascript - イメージ マップに関する一般的な質問
<map>まず、ドキュメントのどこにでもタグを配置でき、イメージ マップが問題なく機能することに気付きました。<map>では、タグを に配置するのが一般的な方法ですか、それとも対応するの直後に配置<head>する方が良い方法ですか?<body><img />
次に、マップ タグが HTML5 の時点で廃止されていないことを知っています。タブを使用すると、クライアント側のイメージ マップ内のすべてのリンクをジャンプできます。それにもかかわらず、イメージ マップが時代遅れでアクセスできないという話をよく耳にします。これは本当ですか？
最後に、CSS や JavaScript を使用してイメージ マップを実装するためのより適切でアクセスしやすい方法があるという話をよく耳にしますが、実際の例を見たことがありません。誰かがクロスブラウザ互換の例を示したり、リンクしたりできますか (つまり、IE で動作します)。
javascript - 複数の画像に関連付けられた画像マップ
ページにいくつかの同一の画像があり、すべて同じ地図に関連付けられているとします。
各 AREA にはマウスオーバー イベントハンドラがあります。
これらのエリアの mouseover eventhandlers のスコープ内で、つまり、グローバル変数ではなく、エリアの mouseover イベントに対してローカルな変数のみを参照すると、マウスがどの画像上にあるかを知ることができますか? DOM によって公開される一時的な関係があるので、領域のマウスオーバー イベント ハンドラは、「現時点でマッピングしている画像はどれですか?」という質問に答えることができます。
ハンドラーを画像自体に直接アタッチすることは避けてください。私は問題を解決しようとしているわけではありませんが、現在関連付けられている、または「ホット」な画像について、領域のマウスオーバー イベントハンドラー内で何がわかるかを調べようとしています。
ありがとう
jquery - jqueryを使用して画像マップをズームおよびパンしようとする際の問題
〜私はこれにしばらく取り組んできました（何ヶ月も!!）-jqueryを使用して画像マップをズームおよびパンします-これは私の現在のスキルレベルから少し外れているので、ここまで到達したことに興奮しています!!〜しかし、機能は必要なほどスムーズではありません（ズームインとズームアウトはスムーズである必要があります）-IE7で表示すると、いくつかの大きな問題があります。
ここにそれはウェブページにあります：http ：//www.agencydr.squarespace.com/locations
以下は使用されるjqueryです。誰かが私が変更すべきことに気づいていますか？
そしてここにいくつかの関連するCSSがあります：
どんな助けでも大歓迎です!! 私はこれをよりスムーズに実行するために考えられるすべてのことを試みましたが、途方に暮れています。ホストされたCMSサービスを使用しているため、ある程度確立されたhtmlレイアウトを変更する必要があることに注意してください。
更新： 現時点で更新されたコードは次のとおりです。
django - モデル関数から名前付き URL へのリンクを返す
さて、ついにそれが起こりました。私は、Google をいくら検索しても解決しない問題に出くわしました。（私は単に間違った方向を見ているだけかもしれませんが、その場合、正しい方向へのポインタは素晴らしいでしょう）.
モデルの関数から名前付き URL (可変引数付き) へのリンクを返す方法を見つけようとしています。たとえば、モデルを持っているとします。
テンプレートに Picture オブジェクト 'pic' へのリンクを作成したいと思います。
これは、「picture_details」という名前の URL にリンクしています。ただし、テンプレート内の結果のリンクは「http://.....{%url picture_details x %}」(x は picture_id) です。
リンクが動的に構築されたイメージマップの一部であるため、使用するとうまくいくことは理解して<a href = {% url picture_details pic.picture_id %} />いますが、私の状況は少し異なります。だから、私は画像マップ文字列が欲しい：
'picture_details' という名前の URL へのリンクが作成され、引数が picture_id になります。
問題を明確に説明できたことを願っていますが、さらに情報が必要な場合はお知らせください。助けてくれてありがとう、
あいさつ、
マルク
jquery - Jqueryマップのハイライト
画像マップにカーソルを合わせたときに領域を強調表示するためにhttp://plugins.jquery.com/project/maphilightを使用していますが、クリックしたときに強調表示したままにしておきたいです。別の領域をクリックすると、前の領域がフェードアウトし、新しい領域が強調表示されたままになります。
誰かがこれが行われるのを見たことがありますか、またはこれを行う方法を知っていますか？
どうもありがとう、C