Raphael.js Australia mapをいじりながら、パスの末尾にある属性を変更して、各要素に URL を割り当ててみました。
country.cityone = R.path("coordinates").attr({href: "cityone.html"}).attr(attr);
country.citytwo = R.path("coordinates").attr({href: "citytwo.html"}).attr(attr);
...
上記は Firefox や Chrome などで動作しますが、IE6 ~ IE9 ではその宣言に問題があります。
そのため、後で別の変数を宣言し、var country
それに URL を割り当てること を考えました。
var url = {};
url.cityone = "cityone.html";
url.citytwo = "citytwo.html";
次に、マウスのクリック/ダウンで呼び出します:
st[0].onmousedown = function() {
current && country[current] && document.getElementById(“current”).appendChild(url);
};
ただし、まったく機能しません。どうやら、各 URL をそれぞれの都市に関連付けるために、関数から適切に呼び出しを行っていないようです。私は何が欠けていますか?