寻找控件。。。

//  日历 JavaScript 页面脚本控件，适用于微软的 IE （5.0以上）浏览器
//  主调用函数是 getSelectDate(this,[object])和getSelectDate(this),[object]是控件输出的控件名，举两个例子：
//  一、<input name="txt"><input type="button" value="选择日期" onclick="getSelectDate(this,document.all.txt)">
//  二、<input onfocus="getSelectDate(this)">
//  本日历的年份限制是（1000 - 9999）
//  按ESC键关闭该控件
//  在年和月的显示地方点击时会分别出年与月的下拉框
//  控件外任意点击一点即可关闭该控件
//===================================================== 参数设定部分 =======================================================
var bMoveable = true; //设置日历是否可以拖动
var versionInfo = "JavaScript Date Picker";
//==================================================== Web页面显示部分 =====================================================
var strFrame; //存放日历层的HTML代码
document.writeln('<iframe id=IDDateLayer frameborder=0 style="position: absolute; width: 160; height: 222; z-index: 9998; display: none"></iframe>');
strFrame='<style>';
strFrame+='<!--';
strFrame+='input.button{border-right: #ff9900 1px solid;border-top: #ff9900 1px solid;border-left: #ff9900 1px solid;';
strFrame+='border-bottom: #ff9900 1px solid;background-color:#fff8ec;font-family:宋体;}';
strFrame+='td{font-size: 9pt;font-family:宋体;}';
strFrame+='</style>';
strFrame+='--//>';
strFrame+='<script>';
strFrame+='<!--';
strFrame+=' var datelayerx,datelayery;';/*存放日历控件的鼠标位置*/
strFrame+=' var bDrag;';/*标记是否开始拖动*/
strFrame+=' function document.onmousemove()';/*在鼠标移动事件中，如果开始拖动日历，则移动日历*/
strFrame+=' {';
strFrame+=' if(bDrag && window.event.button==1)';
strFrame+=' {';
strFrame+=' var DateLayer=parent.document.all.IDDateLayer.style;';
strFrame+=' DateLayer.posLeft += window.event.clientX-datelayerx;';/*由于每次移动以后鼠标位置都恢复为初始的位置，因此写法与div中不同*/
strFrame+=' DateLayer.posTop += window.event.clientY-datelayery;';
strFrame+=' }';
strFrame+=' }';
strFrame+=' function DragStart()';/*开始日历拖动*/
strFrame+=' {';
strFrame+=' var DateLayer=parent.document.all.IDDateLayer.style;';
strFrame+=' datelayerx=window.event.clientX;';
strFrame+=' datelayery=window.event.clientY;';
strFrame+=' bDrag=true;';
strFrame+=' }';
strFrame+=' function DragEnd()';/*结束日历拖动*/
strFrame+=' {';
strFrame+=' bDrag=false;';
strFrame+=' }';
strFrame+='--//>';
strFrame+='</script>';
strFrame+='<div style="z-index:9999;position: absolute; left:0; top:0;" onselectstart="return false">';
strFrame+='<span id=tmpSelectYearLayer style="z-index: 9999;position: absolute;top: 3; left: 19;display: none"></span>';
strFrame+='<span id=tmpSelectMonthLayer style="z-index: 9999;position: absolute;top: 3; left: 78;display: none"></span>';
strFrame+='<table border=1 cellspacing=0 cellpadding=0 width=142 height=160 bordercolor=#ff9900 bgcolor=#ff9900>';
strFrame+='<tr>';
strFrame+='<td width=142 height=23 bgcolor=#FFFFFF>';
strFrame+='<table border=0 cellspacing=1 cellpadding=0 width=140 height=23>';
strFrame+='<tr align=center>';
strFrame+='<td width=16 align=center bgcolor=#ff9900 style="cursor:hand;color:#ffffff" onclick="parent.IDPrevM()" title="向前翻 1 月"><b><</b>';
strFrame+='</td>';
strFrame+='<td width=60 align=center style="cursor:default" onmouseover="style.backgroundColor=\'#FFD700\'" onmouseout="style.backgroundColor=\'white\'" ';
strFrame+='onclick="parent.tmpSelectYearInnerHTML(this.innerText.substring(0,4))" title="点击这里选择年份"><span id=IDYearHead></span>';
strFrame+='</td>';
strFrame+='<td width=48 align=center style="cursor:default" onmouseover="style.backgroundColor=\'#FFD700\'" ';
strFrame+=' onmouseout="style.backgroundColor=\'white\'" onclick="parent.tmpSelectMonthInnerHTML(this.innerText.length==3?this.innerText.substring(0,1):this.innerText.substring(0,2))"';
strFrame+='        title="点击这里选择月份"><span id=IDMonthHead></span>';
strFrame+='</td>';
strFrame+='<td width=16 bgcolor=#ff9900 align=center style="cursor:hand;color:#ffffff" onclick="parent.IDNextM()" title="向后翻 1 月"><b>></b>';
strFrame+='</td>';
strFrame+='</tr>';
strFrame+='</table>';
strFrame+='</td>';
strFrame+='</tr>';
strFrame+='<tr>';
strFrame+='<td width=142 height=18>';
strFrame+='<table border=1 cellspacing=0 cellpadding=0 bgcolor=#ff9900 ' + (bMoveable? 'onmousedown="DragStart()" onmouseup="DragEnd()"':'');
strFrame+=' bordercolorlight=#ff9900 bordercolordark=#ffffff width=140 height=20 style="cursor:' + (bMoveable ? 'move':'default') + '">';
strFrame+='<tr align=center valign=bottom><td style="color:#FFFFFF">日</td>';
strFrame+='<td style="color:#FFFFFF">一</td><td style="color:#FFFFFF">二</td>';
strFrame+='<td style="color:#FFFFFF">三</td><td style="color:#FFFFFF">四</td>';
strFrame+='<td style="color:#FFFFFF">五</td><td style="color:#FFFFFF">六</td></tr>';
strFrame+='</table>';
strFrame+='</td>';
strFrame+='</tr>';
strFrame+='<tr>';
strFrame+='<td width=142 height=120>';
strFrame+='<table border=1 cellspacing=2 cellpadding=0 bordercolorlight=#ff9900 bordercolordark=#ffffff bgcolor=#fff8ec width=140 height=120>';

以下内容存为Time.jsfunction minute(name,fName)
{
this.objName = name;
this.name = "xiruo_"+name;
this.fName = fName + "m_input";
this.timer = null;
this.fObj = null;
this.selObj = null;

this.toString = function()
{
var objDate = new Date();
var sMinute_Common = "class=\"m_input\" maxlength=\"2\" name=\""+this.fName+"\" onpropertychange=\""+this.name+".changeTime();\" onfocus=\""+this.name+".setFocusObj(this)\" onblur=\""+this.name+".setTime(this)\" onkeyup=\""+this.name+".prevent(this)\" onkeypress=\"if (!/[0-9]/.test(String.fromCharCode(event.keyCode)))event.keyCode=0\" onpaste=\"return false\" ondragenter=\"return false\"";
var sButton_Common = "class=\"m_arrow\" onfocus=\"this.blur()\" onmousedown=\""+this.name+".controlTime()\" onmouseup=\""+this.name+".stop();\" onmouseout=\""+this.name+".stop();\" disabled"
var str = "";
str += "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
str += "<tr>"
str += "<td>"
str += "<div class=\"m_frameborder\">"
str += "<input radix=\"24\" value=\"00\" "+sMinute_Common+">:"
str += "<input radix=\"60\" value=\"00\" "+sMinute_Common+">:"
str += "<input radix=\"60\" value=\"00\" "+sMinute_Common+">"
str += "<input type=\"hidden\" name=\""+this.objName+"\" id=\""+this.objName+"\">"
str += "</div>"
str += "</td>"
str += "<td>"
str += "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
str += "<tr><td style=\"padding:0px;\"><button id=\""+this.fName+"_up\" "+sButton_Common+">5</button></td></tr>"
str += "<tr><td style=\"padding:0px;\"><button id=\""+this.fName+"_down\" "+sButton_Common+">6</button></td></tr>"
str += "</table>"
str += "</td>"
str += "</tr>"
str += "</table>"
return str;
}
this.play = function(space)
{
this.timer = setInterval(this.name+".playback()",space);
}
this.formatTime = function(sTime)
{
sTime = ("0"+sTime);
return sTime.substr(sTime.length-2);
}
this.stop = function(space)
{
if(this.timer&&this.timer!=null)
clearInterval(this.timer);
}
this.playback = function()
{
if (!this.fObj) return;
var cmd = selObj.innerText=="5"?true:false;
var i = parseInt(this.fObj.value,10);
var radix = parseInt(this.fObj.radix,10)-1;
if (i==radix&&cmd)
{
i = 0;
}
else if (i==0&&!cmd)
{
i = radix;
}
else
{
cmd?i++:i--;
}
this.fObj.value = this.formatTime(i);
this.fObj.select();
}
this.prevent = function(obj)
{
clearInterval(this.timer);
this.setFocusObj(obj);
var value = parseInt(obj.value,10);
var radix = parseInt(obj.radix,10)-1;
if (obj.value>radix||obj.value<0)
{
obj.value = obj.value.substr(0,1);
}
}
this.controlTime = function()
{
event.cancelBubble = true;
if (!this.fObj) return;
selObj = event.srcElement;
this.play(100);
}
this.setTime = function(obj)
{
obj.value = this.formatTime(obj.value);
}
this.setFocusObj = function(obj)
{
document.getElementById(this.fName+"_up").disabled = document.getElementById(this.fName+"_down").disabled = false;
this.fObj = obj;
}
this.getTime = function()
{
var arrTime = new Array(2);
for (var i=0;i<document.getElementsByName(this.fName).length;i++)
{
arrTime[i] = document.getElementsByName(this.fName)[i].value;
}
return arrTime.join(":");
}
this.changeTime = function()
{
document.getElementById(this.objName).value=this.getTime();
}
}function setTimeTo()
{
//document.write(new minute("time","time"));
return new minute("time","time");
}

引用以上的Time.js<script language="javascript" src="Time.js"></script><script language="javascript">var strTime = new minute("time","time");document.write(strTime);</script>

调试易

寻找控件。。。

解决方案 »