最近US那边问了个有关页面上button控制的问题。 如下:
引用
当某几个字段的值都不为空的时候显示button, 只要有一个部位空则隐藏之。
于是乎便有了如下代码:
<div style="height:0px;width:100%;">
<script language="javascript">
var targetElmt0 = document.getElementById('A0.R0.Estimated Close Date');
var targetElmt1 = document.getElementById('A0.R0.Lead Source');
var targetElmt2 = document.getElementById('A0.R0.Campaign Name');
var targetElmt3 = document.getElementById('A0.R0.Industry Name - Translation');
var targetElmt4 = document.getElementById('A0.R0.Annual Revenue');
var targetValue0, targetValue1, targetValue2, targetValue3, targetValue4;
if(targetElmt0 != null)
targetValue0 = targetElmt0.innerHTML;
if(targetElmt1 != null)
targetValue1 = targetElmt1.innerHTML;
if(targetElmt2 != null)
targetValue2 = targetElmt2.innerHTML;
if(targetElmt3 != null)
targetValue3 = targetElmt3.innerHTML;
if(targetElmt4 != null)
targetValue4 = targetElmt4.innerHTML;
if((targetValue0 == null || targetValue0 == ' ') || (targetValue1 == null || targetValue1 == ' ') ||
(targetValue2 == null || targetValue2 == ' ') || (targetValue3 == null || targetValue3 == ' ') ||
(targetValue4 == null || targetValue4 == ' '))
document.getElementById('BTN_TB_LeadDetailForm_ConvertLead').style.display = "none";
</script>
</div>
US 看了说 "Very cool! It does work!", 但是他想在用户填完所有字段后又把那个button显示出来. 于是他的idea是加个web link 放到页面上, 默认是隐藏的, 然后想通过某中方法去判断是否该显示这个web link, 在然后用户可以点这个web link来刷新整个页面, 这是那个button就可以点了。。。。。。oh, my god!!!!!!!
有这么麻烦么??? 是不是一个timer就搞定了??? 有模有???
<div style="height:0px;width:100%;">
<script language="javascript">
var allFilled = checkIfAllFilled();
if(!allFilled) hide();
var intervalID = setInterval("show()", 1000);
function checkIfAllFilled() {
var targetElmt0 = document.getElementById('A0.R0.Estimated Close Date');
var targetElmt1 = document.getElementById('A0.R0.Lead Source');
var targetElmt2 = document.getElementById('A0.R0.Campaign Name');
var targetElmt3 = document.getElementById('A0.R0.Industry Name - Translation');
var targetElmt4 = document.getElementById('A0.R0.Annual Revenue');
var targetValue0, targetValue1, targetValue2, targetValue3, targetValue4;
if(targetElmt0 != null)
targetValue0 = targetElmt0.innerHTML;
if(targetElmt1 != null)
targetValue1 = targetElmt1.innerHTML;
if(targetElmt2 != null)
targetValue2 = targetElmt2.innerHTML;
if(targetElmt3 != null)
targetValue3 = targetElmt3.innerHTML;
if(targetElmt4 != null)
targetValue4 = targetElmt4.innerHTML;
if((targetValue0 == null || targetValue0 == ' ') || (targetValue1 == null || targetValue1 == ' ') ||
(targetValue2 == null || targetValue2 == ' ') || (targetValue3 == null || targetValue3 == ' ') ||
(targetValue4 == null || targetValue4 == ' '))
return false;
return true;
}
function hide() {
document.getElementById('BTN_TB_LeadDetailForm_ConvertLead').style.display = "none";
}
function show() {
if(checkIfAllFilled()) {
document.getElementById('BTN_TB_LeadDetailForm_ConvertLead').style.display = "block";
clearInterval(intervalID);
}
}
</script>
</div>
。。。。。。。。。 我是分割点 。。。。。。。。。。。。
老外就是这样, 一次不把需求说清楚, 本来自己也是想到了但怕画蛇添足所以就没加:
如果所有字段都填好的, 但现在null out任意一个, 则需要隐藏那个button.
简单是简单, 不过来回折腾了好几封邮件。。。恩就把show()方法改一下就好了
function show() {
if(checkIfAllFilled()) {
document.getElementById('BTN_TB_LeadDetailForm_ConvertLead').style.display = "block";
} else {
document.getElementById('BTN_TB_LeadDetailForm_ConvertLead').style.display = "none";
}
}
分享到:
相关推荐
总的来说,JS Timer项目提供了一个用JavaScript编写的计时器,它结合了`setTimeout`或`setInterval`与DOM操作,为用户提供了一种美观且实用的计时工具。通过对这些核心概念的理解,可以更好地学习和掌握JavaScript...
总结来说,jQuery Timer-.1.2.js版本是一个强大而灵活的定时器解决方案,它提供了丰富的接口供开发者调用,使得在JavaScript中处理定时任务变得简单。熟练掌握其用法,能有效提升Web应用的功能性和用户体验。在实际...
2. `script.js`: JavaScript代码文件,包含了使用d3.timer实现的动画逻辑。 3. `styles.css`: CSS样式文件,用于定义元素的样式和动画效果。 4. `data/`: 可能包含用于动画的数据文件,例如JSON或CSV格式。 5. `lib/...
《使用jquery.timer.js实现动态显示时间的深度解析》 在网页设计中,实时显示时间是一项常见的需求,例如倒计时、实时更新的时间戳等。jQuery作为一个广泛使用的JavaScript库,为开发者提供了丰富的功能和便利。而...
计时器简单轻量级的 javascript 计时器开始在需要的地方包含 timer.min.js。 创建一个定时器实例:timer = new Timer ( < callback> , < instance> ); 调用 timer.start(duration) 函数。 每隔几秒,就会调用 ...
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,它让开发者能够在服务器端使用 JavaScript 进行编程。在开发 web 应用时,我们常常需要处理 HTTP 请求,而 `http-timer` 模块就是为了解决 Node.js 中对 ...
Timer.js是jQuery的一个扩展插件,它允许你在JavaScript中创建可定制的计时器,以执行特定的函数或任务。只需2积分即可获取,作者鼓励用户支持开源社区,这样的精神值得我们点赞。下面我们将详细介绍Timer.js的核心...
这意味着,如果Timer控件在UpdatePanel控件内部,JavaScript计时组件只有在一次回传完成后才会重新建立。 Timer控件的主要方法包括Start()和Stop()。Start()方法用于启动时钟进行计时,而Stop()方法用于停止时钟。...
在JavaScript编程中,timers(计时器)是一种常用的机制,它允许你指定一个代码段,在未来某个特定的时间间隔之后执行。JavaScript提供了两种主要类型的timers:`setTimeout`和`setInterval`。`setTimeout`用于在...
Timer控件能够通过简单的方法让开发人员无需通过复杂的JavaScript实现Timer控制。但是从另一方面来讲,Timer控件会占用大量的服务器资源,如果不停的进行客户端服务器的信息通信操作,很容易造成服务器当机。 因此...
`Timer`组件通常存在于各种编程框架中,例如.NET Framework(C#、VB.NET等)、Java(Swing、Android)以及JavaScript(浏览器环境)。在Windows Forms或WPF等桌面应用开发中,`System.Windows.Forms.Timer`是常用的`...
在Web环境中,Timer控件通常是一个JavaScript或者jQuery对象,它能够周期性地触发一个事件,比如每秒或每分钟执行一次特定的函数。这样,我们就可以利用这个特性来更新网页上的时间显示。 1. **引入必要的库**: ...
4. JavaScript:浏览器环境中使用setInterval和setTimeout函数,Node.js中可利用setInterval、setTimeout和process.nextTick方法。 5. C#:System.Threading命名空间下的Timer类提供了定时触发事件的能力。 五、...
在客户端,`Timer` 控件通过 JavaScript 代码周期性地触发回发,即模拟用户操作,使得页面能够定期与服务器进行通信,获取或更新数据。在服务器端,`Timer` 控件有一个 `Tick` 事件,当设置的 `Interval` 时间到达时...
**jQuery Timers 插件...要使用`jquery.timers.js`,首先需要引入jQuery库(例如`jquery-3.3.1.min.js`),然后引入插件文件`jquery.timers-1.2.js`。之后,你就可以在jQuery对象上使用新的定时器方法了。 ```html ...
《JavaScript应用程序中的累积计时器:cumulative-timer解析》 在JavaScript开发中,性能测试是优化代码的关键步骤。为了有效地衡量代码执行时间,开发者常常会利用各种计时工具。"cumulative-timer"就是这样一款专...