23 January
2006

COREBlog のカレンダーを Ajax 化 2.1

こないだのCOREBlog のカレンダーを Ajax 化 2では、やはり他の日の上を通ってしまうじゃないかという意見が出たので修正しました。
カレンダーの日付の上にカーソルを持っていくと、カーソルの右下(場合によっては真下とか左下)にピンクのエリアが出てきて、その中にエントリへのリンクが並んでいます。ピンクのエリアの右上の×をクリックするとピンクのエリアがなくなります。


変更点は以下の通り。

- エントリがリストされる div のクラスをちゃんとスタイルシートに書いた。


.topics {
width: 160px;
text-align: left;
visibility: hidden;
position: absolute;
background-image: url(http://matatabi.homeip.net/blog/setomits/images/balloon_bg.gif);
background-repeat: repeat;
}


- 日付の箇所の top と left を計算するようにした(いとうさんありがとうございました!)。
calendar.js

var l = 0, t = 0;
for (var obj = document.getElementById(aid); obj != null; obj = obj.offsetParent) {
l += obj.offsetLeft;
t += obj.offsetTop;
}
var wwidth = window.innerWidth ? window.innerWidth : document.body.clientWidth;
if (l + 160 > wwidth)
l = wwidth - 175;

のあたり。

Posted by setomits at 21:54 | Comments (1) | Trackbacks (0)
Re: COREBlog のカレンダーを Ajax 化 2.1

ピンクのが半透明なので、タイトルと日付けの文字が若干重なって見にくいような気がしますね。非透明色にしちゃうとそれはそれで何か問題があるのでしょうか?

そういえば、誕生日おめでとうございます。これで30代仲間ですね。ようこそ。

Posted by: shunuhs at January 24,2006 00:42
Re: COREBlog のカレンダーを Ajax 化 2.1

非透明にしてもなんら問題はありません。
(会社の先輩であるところの)いとうさんが使っていたインチキ半透明を真似して使いたかったというだけです。

僕はいわゆる早生まれなので、同級生な友達たちは次々と30才になり僕もようやくなったわけですが、
「こんな30才ができちゃいました」って感があります。んむ。

Posted by: setomits at January 24,2006 01:17
Re: COREBlog のカレンダーを Ajax 化 2.1

なんだか誰に聞いても評判がイマイチだったので、とりあえず半透明はやめました。
しかし色を選ぶのって難しいな。

Posted by: setomits at January 25,2006 00:48
Re: COREBlog のカレンダーを Ajax 化 2.1

半透明じゃなくしたら、これまた見にくくなったので再度半透明化。うーん、とりあえずこれでいこう。

Posted by: setomits at January 25,2006 23:49
Please send trackback to:http://matatabi.homeip.net/blog/setomits/574/tbping
当ブログへのリンクを含まないトラックバックは削除します。
If no reference exists, that trackback will not be received.
There are no trackbacks.
Post a comment