MARCO's FREE MEMO

携帯フォトや備忘録などをちょこっと…

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

2008年06月21日 11時50分45秒 | JavaScript
スケジュール管理のプログラムで表示期間をマウスドラッグで変更できるようにしてみた。

動作サンプルは以下のURL。
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()>

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

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