javascript - ラパハエルで特定のハイパーリンクを呼び出す onclick イベントを追加する

Question

デモhttp://raphaeljs.com/australia.htmlに基づいて、 onclick イベントをデモに追加したいと思います。私の考えでは、ユーザーが特定の状態をクリックするたびに、特定の Web サイトに移動します。たとえば、ユーザーが New South Wales をクリックすると、ユーザーが Web サイトhttp://en.wikipedia.org/wiki/New_South_Walesに移動するようにします。

誰かが解決策を共有できますか?

前もって感謝します。シャラド

Answer 1

考えられる解決策：

まず、すべてのリンクと状態の用語（div idと同じ）を連想配列に入れます。

var links = { 'nsw':'http://en.wikipedia.org/wiki/New_South_Wales','sa':'http://en.wikipedia.org/wiki/South_Australia'}; //i am too lazy to find all links, just fill till the end in same style

次に、onmouseevent（インデックスページ内）の後でこのメソッドを呼び出します。

st[0].onclick = function(){ 
    window.open(links[current]); //current contain same value as div id (for example wa for Western Australia. this would open new window. 
}