求助：用javascript实现updown控件？ - JavaScript论坛

问题点数：0 回复次数：1

求助：用javascript实现updown控件？

大家好。我这两天遇到了很痛苦的问题，就是ie和firefox的兼容问题。在ie中能实现的 updown控件，在firefox中就不好用。请问哪位高手，手上有既能在ie中浏览又能在firefox中浏览的updown控件啊？
以下是dsWebUpDown.js的代码：
var _BntUpDownN=0; //控件数目
var _BntUpDownRoot=""; //图片所在目录，请依据实际修改

function _BntUpDown_Click(Obj,Direction)
{
try
{
var TextID=document.getElementById(Obj.parentElement.TextID)
if(typeof(TextID)!="undefined")
{
if(TextID.disabled)
{
alert("与之相关的文本框被禁止,不能进行更改操作！");
return(false);
}
var n=parseInt(TextID.value,10);
if(isNaN(n)) n="";
else n+="";

var StepN=parseInt(TextID.StepN,10);
if (isNaN(StepN)) StepN=1;

var Min=parseInt(TextID.Min,10);
if (isNaN(Min)) Min="";
else Min+="";

if(n=="") n=Min;

var Max=parseInt(TextID.Max,10);
if (isNaN(Max)) Max="";
else Max+="";

if(n=="") n=0;
else n=parseInt(n,10);

n+=StepN*Direction;

if(Min!="")
if(n<parseInt(Min,10)) n=Min;

if(Max!="")
if(n>parseInt(Max,10)) n=Max;

TextID.value=n;
}
}
catch(e)
{ }
return(false);
}

function _showButtonUpDownStatus(Obj,n)
{
var e=document.getElementById(Obj.parentElement.LID)
if(typeof(e)!="undefined")
{
var s=e.src;
var t=s.split("__");
var ext=t[1].split(".");
var f=t[0]+"__"+n+"."+ext[1];
e.src=f;

}

return(false);
}

function showUpDown(TextID)
{
document.write(
'<map name=_BNTUPDOWNMAPFPMap'+_BntUpDownN+' LID=_BNTUPDOWNIMG'+_BntUpDownN+' TextID='+TextID+'>'+
'<area title=上滚 onmouseout=_showButtonUpDownStatus(this,1) onmouseup=_showButtonUpDownStatus(this,1) onmousedown="_showButtonUpDownStatus(this,2);_BntUpDown_Click(this,1)" shape=rect coords="0, 0, 15, 8">'+
'<area title=下滚 onmouseout=_showButtonUpDownStatus(this,1) onmouseup=_showButtonUpDownStatus(this,1) onmousedown="_showButtonUpDownStatus(this,3);_BntUpDown_Click(this,-1)" shape=rect coords="0, 9, 16, 16">'+
'</map><img ID=_BNTUPDOWNIMG'+_BntUpDownN+' align=absbottom border=0 src='+_BntUpDownRoot+'bntUpDown__1.gif width=16 height=17 usemap=#_BNTUPDOWNMAPFPMap'+_BntUpDownN+'>');
_BntUpDownN++;
}

以下是updown.html的代码：
<html>
<head>
<title>updown</title>
<script language="JavaScript" src="dsWebUpDown.js">
</script>
</head>
<body>
<form name="ud">
<input ID="updown" name="updown1" type="text" Min="1" Max="10" Step="1"/>
<script language="JavaScript">showUpDown("updown")</script>
</form>
</body>
</html>
在ie中功能正常！
但在firefox中连按钮图片切换的功能都实现不了！