マウスドラッグでページ更新

スケジュール管理のプログラムで表示期間をマウスドラッグで変更できるようにしてみた。

動作サンプルは以下のＵＲＬ。
http://marco.s4.xrea.com/php/TASK/schedule.php

ソースの抜粋
＜SCRIPT language='JavaScript'＞
＜!--
var flag = false;
var x1,x2;
window.document.onmousemove = dragImg;
function dragOn(){
flag = true;
x1=Math.floor(event.x/12);
}
function dragOff(){
flag = false;
x2=Math.floor(event.x/12)-x1;
location.replace('schedule.php?ADD='+x2);
}
function dragImg() {
if(!flag) return;
document.F1.btn.style.left = event.x-10;
return false;
}
//--＞
＜/SCRIPT＞

：

＜img src='gif/btn.gif' name='btn' style='position:absolute' onMousedown='dragOn()' onMouseup=dragOff()＞

＃今日は「インディジョーンズ」を見に行くぞ！
＃楽しみ♪

＃絵は娘の高校の合唱祭のパンフの表紙絵。
＃娘が締切間際に徹夜して描いたらしい・・・。