ajax中产生提示信息的类
来源:互联网 发布:股民信息采集软件 编辑:程序博客网 时间:2024/06/07 06:58
基于ajax的应用中,当程序交互的时候经常需要以提示的方式来告诉用户当前程序的状态,然后随着状态的变化也需要改变提示信息的样式,比如隐藏,显示,一定时间后消失,这样都是一样常见的需求,所以可以把这些封装在一个类中来简化编程的逻辑。 Notice这个类当前的设计思路是根据id来操作一个已有的element,然后可以改变它的状态,主要用法如下: g_notice = new Notice("notice"); //初始化 状态变化 g_notice.Show(); g_notice.setHTML("XXXXXXXX"); 交互结束,隐藏该类 g_notice.hideAfter(1000) //1秒中后隐藏该div也可以立即隐藏 g_notice.Hide() 下面是所有接口: Show(); setPosition(x,y); Hide(); showAfter(x); hiedAfter(x); setHTML(XX); 一个很简单的程序,可以在这个基础上加深,比如动态的创建元素等等,关键在于如何暴露需要的功能,只完成该对象应该做的事情,这些是才是面向对象程序设计的本质。
function Notice(objID) { //if(document.getElementById(objID)) this.obj = document.getElementById(objID); this.obj.style.display = "none"; ;}
Notice.prototype.setPosition = function(x,y){
this.obj.style.left = x; this.obj.style.top = y; }
Notice.prototype.Show = function(){
this.obj.style.display = "block"; }
Notice.prototype.Hide = function(){
this.obj.style.display = "none"; }
Notice.prototype.hideAfter = function(delayTime){ var oThis = this.obj; var hide = function(){oThis.style.display = "none";} window.setTimeout(hide,delayTime); }
Notice.prototype.showAfter = function(delayTime){ var oThis = this.obj; var show = function(){oThis.style.display = "block";} window.setTimeout(show,delayTime);
}
Notice.prototype.setHTML = function(text){
this.obj.innerHTML =text; }
- ajax中产生提示信息的类
- 使用ajax控件时的提示信息
- ajax弹出提示信息
- Android中信息的提示
- AJAX弹出提示信息效果
- AJAX弹出提示信息效果
- ajax提交等待服务器响应友好提示信息的实现
- LigerUi中,使用LG.ajax返回JSON提示信息的Asp.Net拼法(示例,应该能看明白吧)
- 文本框中显示灰色的提示信息
- 页面中提示确认信息的用处
- 关于ajax中URL传递中文产生乱码的问题
- Sql server 中PreparedStatement使用产生的异常信息
- jsp中提示信息
- Ajax Hacks-Hack 10. 使用CSS文件产生格式化的信息
- 如何在文本框中显示提示的信息,并且提示信息的字是灰色的
- AJAX提示信息框制作代码
- AJAX 弹出提示信息框效果
- AJAX表单错误和提示信息乱码
- 关闭window系统默认共享
- 无他,再挖一下。
- CSDN 英特尔多核计算技术版精华贴整理(1)
- 快速应用工程指导原则
- 网络游戏之性能测试篇(一)日志服务器上线测试报告摘要
- ajax中产生提示信息的类
- 解决了SqlConnection对象无法连接到安装在Win2003上的SQL Server2000的问题
- C#.Net网络程序开发-Socket篇
- 数据库与数据仓库的区别是什么?
- C#系统托盘程序
- Eclipse相关的Hibernate和Structs入门知识
- 程序员,不要让自己做兔子
- FireFox必备插件(三)
- linux Display