が、バナーのサイズを変えようとしてもうまくいかない。
昨日書いた通りの状態で既にうんこHTMLなのでどうしようもないのかもしれんが、div.hatena-modulebodyのimgに対してサイズ指定すると、バナーのサイズは変わるがクリックして開くウィンドウのアイコンまでそのサイズになるのでうんこ。
おとなしくimg#hatena-ring-(sid)-imageのサイズをいじろうとしてもなぜかダメ。idが重複してるからか?しかしバナー一個にしてidの重複を解消してもダメ。javascriptで書かれる要素に対してid指定のスタイルは適用されない?(未検証の言いがかり。classの場合はうまくいくんだからできそうな気がするんだがなぁ…)
つかこの要素のidのsid(ユーザID?個人に対して一意)の部分はsidじゃなくてrid(リングのid)にすべきなんじゃないかと思うんだが。ごく普通に考えて。
メモ
ないと思いますが、なんか問題あったら消します>は社員
とりあえずウィンドウ開く機能いらねえから、べた書きでバナー貼ってprev,random,next,topもべた書きでリンクしとけば問題ないな。
できた
これでいいや。
(function(){
var name = 'westtokyobloger';
var sid = '39827';
var url = 'http://westtokyobloger.ring.hatena.ne.jp/';
var id = 'hatena-ring-' + sid;
var logo_url = 'http://ring.hatena.ne.jp/images/logo/w/westtokyobloger/westtokyobloger.jpg';document.write('
');if (!document.getElementById('hatena-ring-window')) {
document.write('');
}
})();
var Util = {
getAbsoluteLeft : function(element) {
var left = 0;
for (var e = element; e; e = e.offsetParent) {
left += e["offsetLeft"];
}
return left;
},
getAbsoluteTop : function(element) {
var top = 0;
for (var e = element; e; e = e.offsetParent) {
top += e["offsetTop"];
}
return top;
}
};function setWindow(targetDiv, where) {
var placeX, placeY;
placeX = 0;
placeY = 0;
targetDiv.style.left = placeX + "px";
targetDiv.style.top = placeY + "px";
}function closeWindow (id) {
var ringWindow = document.getElementById(id);
ringWindow.style.visibility = "hidden";
}function onClickImage(id, url, name, sid) {
var ringWindow = document.getElementById('hatena-ring-window');
if(ringWindow.style.visibility == 'hidden') {
openWindow(id, url, name, sid);
} else {
closeWindow('hatena-ring-window');
}
}function openWindow(id, url, name, sid) {
var img = document.getElementById(id);
var html = '';
html += '';';
html += '';';
html += ''; html += '
';'; html += ' '; html += 'Hatena Ring ' + name + ' '; html += ''; '; html += '
html += ' ';
html += ' '
html += ' ';
html += '
html += '
html += '';
html += '
var ringWindow = document.getElementById("hatena-ring-window");
ringWindow.innerHTML = html;
setWindow(ringWindow, img);
ringWindow.style.visibility = "visible";
return true;
}