大家好。我这两天遇到了很痛苦的问题,就是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中连按钮图片切换的功能都实现不了!
[此贴子已经被作者于2006-1-11 14:44:00编辑过]