JavaScriptのリンクのエミュレート

Question

ユーザーがgoogle-mapsマップの位置をクリックするとjavascript（window.open）でリンクを開く必要があります。

リンクをクリックしたとき、クリックしたときにどこで終了するのかをユーザーに理解させるにはどうすればよいですか？

ユーザーがマップの位置にカーソルを合わせている間、Firefoxの通常のリンクと同様に、その位置のURLをステータスバーに表示する必要があります。

どうすればよいですか？

あなたはDIVを作成することができます（幅：

おかげ

Answer 1

[OK]をdontomaso

は、私は、Googleマップは、私はあなたの一般的なヘルプを提供しようとするので、JSコードを管理する方法について多くを知りませんあなたが望む矩形領域の高さ）を計算し、マップに必要な絶対座標で背景色を透明にして置きます。

これはonmouseoverとonclickハンドラを書くので、ユーザーがマウスの形に（ポインタから手に）変更し、クリックするとURLが開きます。ステータスバーのための

あなたが行うことができ、マップ上のpoistion超えるユーザー：

window.status = (getURL) 

Answer 2

あなたは、単純なリンクを作成し、控えめなJavascriptの技術を使用して、その上にonclickのリスナーを置くことができます。ユーザがリンクをクリックすると、クリックイベントを傍受し、デフォルトのアクションを防ぎ、href属性を読み込んでウィンドウを開きます。

<a href="http://www.example.com" id="myLink">link</a> 

$("#myLink").on("click", function(event) { 
    event.preventDefault(); 
    myFunctionToOpenWindowForUrl(this.href); 
}); 

これはjQueryを使用していますが、使用している他のJSライブラリにも適用できます。この方法では、ステータスバーに元のURLが表示されます。これはリンクの自然なことです。追加のコーディングは必要ありません。また、あなたのリンクはJavascriptを使わなくても動作します。これは、例えば、リンクのように見えるようにスパンをスタイリングするよりも、このアプローチの方が優れていて、それにリスナーを付け加えることです。

Answer 3

あなたはCSS使ってポインタとして表示するカーソル変更することができます（カーソル：ポインタ;）

さらに、あなたはタイトルタグに先を置くことができるので、彼が移動した場合、ユーザは目的地が表示されます要素の上にマウスを置く。

Answer 4

はこのような何かを試してみてください：それは、あなたがここにhref="#"を置くならば、それはちょうどページの一番上にスクロールする必要がありますでしょうとして

<a href="javascript:void(0);" onclick="yourAction()" onmouseover="window.status='status bar';">link</a> 

href="javascript:void(0);"は、リンクが表示されます。 Hrefは、通常のリンク表示を持つように設定する必要があります。

onmouseover="window.status='status bar';"はマウスオーバーでウィンドウにステータスを設定します。