スケジュール管理のプログラムで表示期間をマウスドラッグで変更できるようにしてみた。
動作サンプルは以下の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()>
#今日は「インディジョーンズ」を見に行くぞ!
#楽しみ♪
#絵は娘の高校の合唱祭のパンフの表紙絵。
#娘が締切間際に徹夜して描いたらしい・・・。
動作サンプルは以下の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()>
#今日は「インディジョーンズ」を見に行くぞ!
#楽しみ♪
#絵は娘の高校の合唱祭のパンフの表紙絵。
#娘が締切間際に徹夜して描いたらしい・・・。
一応美術部らしいのですが、イラストばっかり描いてるみたいです。
映画は面白かったです!
最初から最後までアクション盛りだくさんで息つく暇もない感じです。
「失われたアーク」のマリオンが再登場してますが、なかなかいい味出してます♪
是非見て下さい。