网页中的日期选择（子窗口显示）

<script language="JavaScript"> /* * 関数名：ミニウインドウズ(mini windows) * 引数： * sshowobj:名称、stitle:タイトル、x,y,w,h：位置 * zhujihao@yahoo.com(TOKYO.2004/11/01) * you can save this into file "js_calender.js",then＜script language="JavaScript" src="js_calender.js"＞＜/script＞ */ var Window_ex=0; var Window_ey=0; var Window_drag=false; var Window_name=''; var Window_zindex=0; function Window_defi(sshowobj,stitle,x,y,w,h){ sbordert='BORDER-TOP:#f0f0f0 2px solid;BORDER-RIGHT:#606060 2px solid;BORDER-BOTTOM:#404040 2px solid;BORDER-LEFT:#d0d0d0 2px solid;' sborders='BORDER-TOP:#404040 2px solid;BORDER-RIGHT:#e0e0e0 2px solid;BORDER-BOTTOM:#f0f0f0 2px solid;BORDER-LEFT:#505050 2px solid;'; if(!document.all(sshowobj)){ e = document.createElement("DIV"); document.body.insertBefore(e); subw=w-7; subh=h-30; sdiv='

' sdiv=sdiv+' '; sdiv=sdiv+'

'; sdiv=sdiv+'

'; sdiv=sdiv+'

'+stitle+'

'; sdiv=sdiv+'ý'; sdiv=sdiv+'

'; sdiv=sdiv+'

'; e.outerHTML=sdiv; } document.all(sshowobj+'_title').innerHTML=stitle; document.all(sshowobj).style.display='block'; document.all(sshowobj).style.zIndex=++Window_zindex; } function Window_hide(sshowobj){ document.all(sshowobj).style.display='none'; } function Window_show(sshowobj){ document.all(sshowobj).style.display='block'; } function Window_showhide(sshowobj){ if(document.all(sshowobj).style.display=='block'){ document.all(sshowobj).style.display='none'; } else{ document.all(sshowobj).style.display='block'; } } function Window_mup(){ Window_drag=false; document.οnmοusemοve=null; } function Window_mmove(){ if(!Window_drag || !window.event || window.event.button != 1) return; sobj=document.all(Window_name).style; sobj.left=parseInt(sobj.left,10)+parseInt(event.clientX,10)-parseInt(Window_ex,10)+'px'; sobj.top=parseInt(sobj.top,10)+parseInt(event.clientY,10)-parseInt(Window_ey,10)+'px'; Window_ex=window.event.clientX; Window_ey=window.event.clientY; } function Window_mdown(sshowobj){ Window_name=sshowobj; Window_ex=window.event.clientX; Window_ey=window.event.clientY; Window_drag=true; document.οnmοusemοve=Window_mmove; } function Window_dbclk(sshowobj){ return; document.all(sshowobj).style.height=23; document.all(sshowobj).style.width=100; //Window_drag=true; } function Window_mdownzin(sshowobj){ document.all(sshowobj).style.zIndex=++Window_zindex; } /* * 関数名：日付選択カレンダー * 引数： * sdate:日付、stargetobj:更新目標、sshowobj:表示する場所(+_bodyに表示) * sdateを基づいて、カレンダを作成(string)、(sshowobj+_body).innerHTMLに表示。選択された日付はstargetobj.innerHTML(value)に書き込む * zhujihao@yahoo.com(TOKYO.2004/11/01) */ function Calendar_create(sdate,stargetobj,sshowobj){ today=new Date(); date=new Date(sdate); if(!date || date=='NaN') date=today; y=date.getFullYear(); m=date.getMonth()+1; date=new Date(y+'/'+m+'/01'); datef=new Date(Date.parse(date) - date.getDay() * 24*3600000); r='

'; r=r+'  '; r=r+' '; r=r+' '+y+'年'+m+'月'; r=r+'  '; r=r+'

'; hodsty='style="color:#ff0000;"'; r=r+'

---

'; r=r+'

日

月

火

水

木

金

土

' for(i=0;i<6;i++){ r=r+' '; for(j=0;j<7;j++){ if(datef.getMonth()+1==m){ sty=(j==0 || j==6)?hodsty:''; sty=(today.getMonth()+1==m && today.getFullYear()==y && datef.getDate()==today.getDate())?sty+' style="BACKGROUND-COLOR:#008080;"':sty; r=r+'

'+datef.getDate()+'

'; } else{ r=r+' '; } datef=new Date(Date.parse(datef) + 24*3600000); } r=r+' '; } r=r+' '; document.all(sshowobj+'_body').innerHTML=r; } /* * 関数名：日付選択カレンダーのサブ関数 * 選択された日付はstargetobj.innerHTML(value)に書き込む */ function Calendar_sel(sretu,stargetobj,sshowobj){ try { document.all(stargetobj).innerHTML=sretu; } catch(e){ document.all(stargetobj).value=sretu; } Window_hide(sshowobj); } /* * 関数名：日付選択 * 使用例： * 　　　　dateSel('目標項目ID') * 　　　　dateSel('目標項目ID','日付を選択してください') ----タイトルを指定 * 　　　　dateSel('目標項目ID','経理(開始日)','show_win_id') ----③ * 　　　　dateSel('目標項目ID','経理(終了日)','show_win_id' ----④、③と④は同じwindowで表示、タイトルが変わる * 　　　　dateSel('目標項目ID','日付を選択してください',100,50) ----位置を指定 */ function dateSel(stag,stitle,swinid,x,y){ if(!stitle) stitle='日付選択'; if(!swinid) swinid=stag+'_date_sel_obj'; if(!x) x=window.event.clientX-150; if(!y) y=window.event.clientY+10; Window_defi(swinid,stitle,x,y,235,230); Calendar_create(document.all(stag).value,stag,swinid); } /* * 関数名：ミニウインドウズを使用 */ function miniWin(url_or_id,stitle,swinid,x,y,w,h){ if(!stitle) stitle=url_or_id; if(!swinid) swinid='mini_win_obj'; if(!x) x=window.event.clientX; if(!y) y=window.event.clientY+10; if(!w) w=400; if(!h) h=200; s=' ' if(document.all(url_or_id)){ s=document.all(url_or_id).innerHTML; } Window_defi(swinid,stitle,x,y,w,h); document.all(swinid+'_body').innerHTML=s; } </script>

期間 ：

～

URL:

title
msg11:
msg22: