标题:求助:用javascript实现updown控件?
只看楼主
flyingpig
Rank: 1
等 级:新手上路
帖 子:4
专家分:0
注 册:2006-1-10
 问题点数: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中连按钮图片切换的功能都实现不了!






[此贴子已经被作者于2006-1-11 14:44:00编辑过]

搜索更多相关主题的帖子: updown控件 javascript firefox var Obj 
2006-01-10 14:20
griefforyou
Rank: 6Rank: 6
等 级:贵宾
威 望:27
帖 子:3336
专家分:0
注 册:2004-4-15
得分:0 
把你的ie中的帖上来看看

天津网站建设 http://www./
2006-01-10 21:34



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-42246-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 1.178662 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved