lymph的博客

欢迎访问lymph的博客

文章

总目录| 读书 | SQL相关 | ASP.NET |

如何让您的孩子到达山顶？

摘要：本人喜欢登山，并已成瘾，只要有可能就会去，而且还经常会带上孩子，因此对孩子的登山表现有一定的了解；同时，也留心观察了其他孩子的登山情况，发现孩子们在登山时的表现各不相同，而如何让孩子登上山顶，家长们各有各的招数，后来我们又做了一次头脑风暴，主题就是“如何让您的孩子到达山顶”，提出了各种各样的方法，归纳起来，办法如下：　查看全文

- 作者： lymph 2006年01月26日, 星期四 10:07　回复（0） |　引用（0）加入博采

一、验证类
1、数字验证内
1.1 整数
1.2 大于0的整数（用于传来的ID的验证)
1.3 负整数的验证
1.4 整数不能大于iMax
1.5 整数不能小于iMin
2、时间类
2.1 短时间，形如 (13:04:06)
2.2 短日期，形如 (2003-12-05)
2.3 长时间，形如 (2003-12-05 13:04:06)
2.4 只有年和月。形如(2003-05,或者2003-5)
2.5 只有小时和分钟,形如(12:03)
3、表单类
3.1 所有的表单的值都不能为空
3.2 多行文本框的值不能为空。
3.3 多行文本框的值不能超过sMaxStrleng
3.4 多行文本框的值不能少于sMixStrleng
3.5 判断单选框是否选择。
3.6 判断复选框是否选择.
3.7 复选框的全选，多选，全不选，反选
3.8 文件上传过程中判断文件类型
4、字符类
4.1 判断字符全部由a-Z或者是A-Z的字字母组成
4.2 判断字符由字母和数字组成。
4.3 判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母
4.4 字符串替换函数.Replace();
5、浏览器类
5.1 判断浏览器的类型
5.2 判断ie的版本
5.3 判断客户端的分辨率

6、结合类
6.1 email的判断。
6.2 手机号码的验证
6.3 身份证的验证

二、功能类

1、时间与相关控件类
1.1 日历
1.2 时间控件
1.3 万年历
1.4 显示动态显示时钟效果（文本，如OA中时间）
1.5 显示动态显示时钟效果 (图像，像手表)
2、表单类
2.1 自动生成表单
2.2 动态添加，修改，删除下拉框中的元素
2.3 可以输入内容的下拉框
2.4 多行文本框中只能输入iMax文字。如果多输入了，自动减少到iMax个文字（多用于短信发送)

3、打印类
3.1 打印控件
4、事件类
4.1 屏蔽右键
4.2 屏蔽所有功能键
4.3 --> 和<-- F5 F11,F9,F1
4.4 屏蔽组合键ctrl+N
5、网页设计类
5.1 连续滚动的文字，图片（注意是连续的，两段文字和图片中没有空白出现）
5.2 html编辑控件类
5.3 颜色选取框控件
5.4 下拉菜单
5.5 两层或多层次的下拉菜单
5.6 仿IE菜单的按钮。（效果如rongshuxa.com的导航栏目)
5.7 状态栏，title栏的动态效果（例子很多，可以研究一下）
5.8 双击后，网页自动滚屏
6、树型结构。
6.1 asp+SQL版
6.2 asp+xml+sql版
6.3 java+sql或者java+sql+xml
7、无边框效果的制作
8、连动下拉框技术
9、文本排序
10，画图类，含饼、柱、矢量贝滋曲线
11，操纵客户端注册表类
12，DIV层相关（拖拽、显示、隐藏、移动、增加）
13，TABLAE相关(客户端动态增加行列，模拟进度条，滚动列表等)
14，各种<object classid=>相关类，如播放器，flash与脚本互动等
16, 刷新/模拟无刷新异步调用类（XMLHttp或iframe,frame）

一、验证类
1、数字验证内
1.1 整数
      /^(-|\+)?\d+$/.test(str)
1.2 大于0的整数（用于传来的ID的验证)
      /^\d+$/.test(str)
1.3 负整数的验证
      /^-\d+$/.test(str)
2、时间类
2.1 短时间，形如 (13:04:06)
      function isTime(str)
      {
        var a = str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d{1,2})$/);
        if (a == null) {alert('输入的参数不是时间格式'); return false;}
        if (a[1]>24 || a[3]>60 || a[4]>60)
        {
          alert("时间格式不对");
          return false
        }
        return true;
      }
2.2 短日期，形如 (2003-12-05)
      function strDateTime(str)
      {
         var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);
         if(r==null)return false;
         var d= new Date(r[1], r[3]-1, r[4]);
         return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);
      }
2.3 长时间，形如 (2003-12-05 13:04:06)
      function strDateTime(str)
      {
        var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;
        var r = str.match(reg);
        if(r==null)return false;
        var d= new Date(r[1], r[3]-1,r[4],r[5],r[6],r[7]);
        return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]&&d.getHours()==r[5]&&d.getMinutes()==r[6]&&d.getSeconds()==r[7]);
      }
2.4 只有年和月。形如(2003-05,或者2003-5)
2.5 只有小时和分钟,形如(12:03)
3、表单类
3.1 所有的表单的值都不能为空
      <input onblur="if(this.value.replace(/^\s+|\s+$/g,'')=='')alert('不能为空!')">
3.2 多行文本框的值不能为空。
3.3 多行文本框的值不能超过sMaxStrleng
3.4 多行文本框的值不能少于sMixStrleng
3.5 判断单选框是否选择。
3.6 判断复选框是否选择.
3.7 复选框的全选，多选，全不选，反选
3.8 文件上传过程中判断文件类型
4、字符类
4.1 判断字符全部由a-Z或者是A-Z的字字母组成
      <input onblur="if(/[^a-zA-Z]/g.test(this.value))alert('有错')">
4.2 判断字符由字母和数字组成。
      <input onblur="if(/[^0-9a-zA-Z]/g.test(this.value))alert('有错')">
4.3 判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母
      /^([a-zA-z_]{1})([\w]*)$/g.test(str)
4.4 字符串替换函数.Replace();
5、浏览器类
5.1 判断浏览器的类型
      window.navigator.appName
5.2 判断ie的版本
      window.navigator.appVersion
5.3 判断客户端的分辨率
      window.screen.height; window.screen.width;

6、结合类
6.1 email的判断。
      function ismail(mail)
      {
        return(new RegExp(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/).test(mail));
      }
6.2 手机号码的验证
6.3 身份证的验证
      function isIdCardNo(num)
      {
        if (isNaN(num)) {alert("输入的不是数字！"); return false;}
        var len = num.length, re;
        if (len == 15)
          re = new RegExp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{3})$/);
        else if (len == 18)
          re = new RegExp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\d)$/);
        else {alert("输入的数字位数不对！"); return false;}
        var a = num.match(re);
        if (a != null)
        {
          if (len==15)
          {
            var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]);
            var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
          }
          else
          {
            var D = new Date(a[3]+"/"+a[4]+"/"+a[5]);
            var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
          }
          if (!B) {alert("输入的身份证号 "+ a[0] +" 里出生日期不对！"); return false;}
        }
        return true;
      }

画图:
<OBJECT
id=S
style="LEFT: 0px; WIDTH: 392px; TOP: 0px; HEIGHT: 240px"
height=240
width=392
classid="clsid:369303C2-D7AC-11D0-89D5-00A0C90833E6">
</OBJECT>
<SCRIPT>
S.DrawingSurface.ArcDegrees(0,0,0,30,50,60);
S.DrawingSurface.ArcRadians(30,0,0,30,50,60);
S.DrawingSurface.Line(10,10,100,100);
</SCRIPT>
写注册表：
<SCRIPT>
var WshShell = WScript.CreateObject("WScript.Shell");
WshShell.RegWrite ("HKCU\\Software\\ACME\\FortuneTeller\\", 1, "REG_BINARY");
WshShell.RegWrite ("HKCU\\Software\\ACME\\FortuneTeller\\MindReader", "Goocher!", "REG_SZ");
var bKey = WshShell.RegRead ("HKCU\\Software\\ACME\\FortuneTeller\\");
WScript.Echo (WshShell.RegRead ("HKCU\\Software\\ACME\\FortuneTeller\\MindReader"));
WshShell.RegDelete ("HKCU\\Software\\ACME\\FortuneTeller\\MindReader");
WshShell.RegDelete ("HKCU\\Software\\ACME\\FortuneTeller\\");
WshShell.RegDelete ("HKCU\\Software\\ACME\\");
</SCRIPT>

TABLAE相关(客户端动态增加行列）
<HTML>
<SCRIPT LANGUAGE="JScript">
function numberCells() {
    var count=0;
    for (i=0; i < document.all.mytable.rows.length; i++) {
        for (j=0; j < document.all.mytable.rows(i).cells.length; j++) {
            document.all.mytable.rows(i).cells(j).innerText = count;
            count++;
        }
    }
}
</SCRIPT>
<BODY onload="numberCells()">
<TABLE id=mytable border=1>
<TR><TH> </TH><TH> </TH><TH> </TH><TH> </TH></TR>
<TR><TD> </TD><TD> </TD><TD> </TD><TD> </TD></TR>
<TR><TD> </TD><TD> </TD><TD> </TD><TD> </TD></TR>
</TABLE>
</BODY>
</HTML>

１．身份证严格验证：

document.write(cidInfo("380524198002300016"),"<br/>");
document.write(cidInfo("340524198002300019"),"<br/>")
document.write(cidInfo("340524197711111111"),"<br/>")
document.write(cidInfo("34052419800101001x"),"<br/>");
</script>

２．验证ＩＰ地址
<SCRIPT LANGUAGE="JavaScript">
function isip(s){
var check=function(v){try{return (v<=255 && v>=0)}catch(x){return false}};
var re=s.split(".")
return (re.length==4)?(check(re[0]) && check(re[1]) && check(re[2]) && check(re[3])):false
}

var s="202.197.78.129";
alert(isip(s))
</SCRIPT>

３．加sp1后还能用的无边框窗口！！
<HTML XMLNS:IE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<IE:Download ID="include" STYLE="behavior:url(#default#download)" />
<title>Chromeless Window</title>

<SCRIPT LANGUAGE="JScript">
/*--- Special Thanks For andot ---*/

/*
This following code are designed and writen by Windy_sk <seasonx@163.net>
You can use it freely, but u must held all the copyright items!
*/

/*--- Thanks For andot Again ---*/

var CW_width = 400;
var CW_height = 300;
var CW_top = 100;
var CW_left = 100;
var CW_url = "/";
var New_CW = window.createPopup();
var CW_Body = New_CW.document.body;
var content = "";
var CSStext = "margin:1px;color:black; border:2px outset;border-style:expression(onmouseout=onmouseup=function(){this.style.borderStyle='outset'}, onmousedown=function(){if(event.button!=2)this.style.borderStyle='inset'});background-color:buttonface;width:16px;height:14px;font-size:12px;line-height:11px;cursor:Default;";

//Build Window
include.startDownload(CW_url, function(source){content=source});

function insert_content(){
var temp = "";
CW_Body.style.overflow  = "hidden";
CW_Body.style.backgroundColor = "white";
CW_Body.style.border  = "solid black 1px";
content = content.replace(/<a ([^>]*)>/g,"<a onclick='parent.open(this.href);return false' $1>");
temp += "<table width=100% height=100% cellpadding=0 cellspacing=0 border=0>";
temp += "<tr style=';font-size:12px;background:#0099CC;height:20;cursor:default' ondblclick=\"Max.innerText=Max.innerText=='1'?'2':'1';parent.if_max=!parent.if_max;parent.show_CW();\" onmouseup='parent.drag_up(event)' onmousemove='parent.drag_move(event)' onmousedown='parent.drag_down(event)' onselectstart='return false' oncontextmenu='return false'>";
temp += "<td style='color:#ffffff;padding-left:5px'>Chromeless Window For IE6 SP1</td>";
temp += "<td style='color:#ffffff;padding-right:5px;' align=right>";
temp += "<span id=Help onclick=\"alert('Chromeless Window For IE6 SP1 - Ver 1.0\\n\\nCode By Windy_sk\\n\\nSpecial Thanks For andot')\" style=\""+CSStext+"font-family:System;padding-right:2px;\">?</span>";
temp += "<span id=Min   onclick='parent.New_CW.hide();parent.blur()' style=\""+CSStext+"font-family:Webdings;\" title='Minimum'>0</span>";
temp += "<span id=Max   onclick=\"this.innerText=this.innerText=='1'?'2':'1';parent.if_max=!parent.if_max;parent.show_CW();\" style=\""+CSStext+"font-family:Webdings;\" title='Maximum'>1</span>";
temp += "<span id=Close onclick='parent.opener=null;parent.close()' style=\""+CSStext+"font-family:System;padding-right:2px;\" title='Close'>x</span>";
temp += "</td></tr><tr><td colspan=2>";
temp += "<div id=include style='overflow:scroll;overflow-x:hidden;overflow-y:auto; HEIGHT: 100%; width:"+CW_width+"'>";
temp += content;
temp += "</div>";
temp += "</td></tr></table>";
CW_Body.innerHTML = temp;
}

setTimeout("insert_content()",1000);

window.onfocus = show_CW;
window.onresize = show_CW;

// Move Window
var drag_x,drag_y,draging=false

function drag_move(e){
if (draging){
New_CW.show(e.screenX-drag_x, e.screenY-drag_y, CW_width, CW_height);
return false;
}
}

function drag_down(e){
if(e.button==2)return;
if(New_CW.document.body.offsetWidth==screen.width && New_CW.document.body.offsetHeight==screen.height)return;
drag_x=e.clientX;
drag_y=e.clientY;
draging=true;
e.srcElement.setCapture();
}

function drag_up(e){
draging=false;
e.srcElement.releaseCapture();
if(New_CW.document.body.offsetWidth==screen.width && New_CW.document.body.offsetHeight==screen.height) return;
CW_top = e.screenX-drag_x;
CW_left = e.screenY-drag_y;
}

</SCRIPT>
</HTML>

- 作者： lymph 2005年08月23日, 星期二 09:48　回复（1） |　引用（0）加入博采

Rich Internet Application 的到来

作者： csdn Eric Liu
2005-01-25 02:51 PM

在CERN(European Particle Physics Laboratory，欧洲量子物理研究所)工作期间，Tim发现了CERN在信息的内部沟通存在信息遗漏的弊端，于是在1989年3月他向CERN提交了名为“Information Management: A Proposal”的建议书，这个也是迄今为止我们能够看到的关于互联网概念的第一份公开文件。在这份文件中，Tim提出利用Hypertext（超文本）构造链接信息系统的设想。同样，我们也可以从文件中看到“Browser（浏览器）”概念的最初提出。1991年，在此基础上Tim开发了第一个真正意义上的Web 服务器——httpd、第一个客户端浏览器——WorldWideWeb，之后又在1991年建立并开通第一个WWW网站http://info.cern.ch/（该网站至今仍然是CERN的官方站点）。从此互联网真正开始向社会普及。至于后来Tim加入麻省理工大学LSC(计算机科学实验室)和后来成立的W3C又是另外一件有深远意义的事情了。

不管如何，通过WWW，这个有点憨厚的英国人已经彻底改变整个世界。

1993年5月，伊利诺斯州大学的天才少年Marc Andreessen开发了第一个浏览器Mosaic,1994年上半年他和Jim Clark成立了Mosaic Communications（也就是Netscape的前身）,同年10月发布了Netscape 0.9,这个是我们看到的第一个浏览器的Logo,虽然今日已经面目全非。

而Netscape的出现终于让WWW得到了爆炸性的普及。Browser/Server,一个无法完美的名字
随着浏览器大战的开始，世人真正意义的享受了科技进步给人类带来的福旨。一夜之间，B/S结构成为应用开发最主流架构，浏览器成为客户端的唯一工具，这种不需要部署的软件应用确实给了很多人无限的疯狂。ISV、解决方案提供商及其企业用户也不约而同的提出采用B/S架构作为企业信息应用的架构，因为那样可以免去之前C/S时代高昂的部署和升级费用，能够快速适应不断变动的企业业务。渐渐的，他们发现自己不断复杂的业务通过简单的页面浏览已经无法满足要求，这个时候相关的客户端脚本技术走上舞台，说起来有点戏剧性，Netscape设计脚本的初衷是为了让网页有更好的浏览性，从而增加页面浏览的乐趣，他们一定没有想到这个概念却在他们的对手发挥到极致，等到那场浏览器大战的硝烟渐渐淡去的时候，我们发现脚本已经面目全非，或者说已经臃肿不堪。为了沿袭C/S结构下的界面使用体验，开发人员不得不利用大量的JavaScript和DHTML去实现或者说“模拟”传统应用程序的使用界面，比如菜单，工具条，还有那复杂的图形和表格。也因为如此，Web开发成为当今最火爆的应用领域，除了相关的服务器开发技术如ASP,PHP,JSP还有后来的王者ASP.NET，客户端技术则包括了HTML,CSS,JavaScript,DHTML等等方面的技术，这些都成为开发人员的一种追逐。更有甚者，利用客户端技术开发了一整套完整的类库，这点最著名的莫过于Bindows(可以从http://www.bindows.net下载)。在解决了部署和更新的问题之后，B/S同样引入了一些令人头痛的问题：1）始终没有一个非常标准的技术规范来约定，由此造成了各个浏览器在w3c之外做的扩展，在应用开发中，更多的是需要依赖于这些扩展去实现更加绚丽的图形表现和灵活的交互。比如IE里面提出了HTC的概念，也增加了许多相关的滤镜（Filter），Mozilla也提出了XUL用来扩展用户界面。但是如果需要设计一个具有强大功能的用户系统，我们更多情况下不得不依赖于专有浏览器的扩展实现。2）作为浏览器大战的胜利者IE从2001年之后就没有推出过重要版本更新，那么也就意味者我们所有的开发技术是停滞在2001年之前的理念，这点和服务器端技术的不断发展已经渐渐脱节。3）作为基于浏览器的应用，因为安全等等方面的原因始终做不到能够成为应用的集成者，更多时候是被动的去接受单一服务器提供的应用，比如对于客户端希望能够跨越不同网络调用相关的Web Services，因为安全模型的畸形（不是非常完善的资源访问控制），我们无法做到在同一浏览器内流畅的实现跨应用集成[1]。4）基于浏览器的技术严格意义来说是依赖于在线访问而构建的应用，在需要一些离线(Office Line)的应用中，就显得有心无力，毕竟从浏览器设计的一开始就是希望能够在意个最小权限的“沙盒”模型下去运行，因此对于本地资源的访问默认情况下是拒绝的，而某些浏览器如IE允许通过设置来跨越这个安全模型，但是没有提供一个非常良好的权限分层机制，闸门一开，一切犹如洪水猛兽。Browser/Server,这个近10年来风光无限的词眼，依旧不是那么尽善尽美。我们需要什么？
其实理由已经很简单，虽然网络上已经出现了许多C/S或者Rich Client回归的论调，我想更多的是因为对于目前B/S架构存在的问题而提出的，因为从本质上来说许多问题在C/S结构下是不存在的。无论如何，我想回归只是一个倾向，希望利用C/S的优势去解决B/S存在的种种问题，而不是简单的回归，假若真的如此，我们又要重复过去的那种灾难如令人头痛的部署，频繁升级带来的版本兼容问题，我想对于企业的IT工作者，谁也不愿意重蹈覆辙。那么，我们需要什么？Tim通过互联网已经改变了这个世界，那么下一步将要走向何方？这个时候关于RIA(Rich Internet Application)的论调也就形成，并且在2004年逐渐得到开发人员和系统架构师的认同。严格意义上来说，我们不会关心哪个名字缩写会是下一代的主流，我们更多的是着眼于需要解决的技术1）需要一个更加强大的客户端运行环境，同时提供统一简便的开发模型。某种意义上来说目前的浏览器正是HTML和脚本这种混合“程序”的运行时，所有的代码（HTML,CSS,JavaScript）等等都是在浏览器这个受控的环境下去运行的。但是目前的运行环境远远不够，同时没有一个统一的编程模型。

lymph的博客

关于作者

日历　年月日

快速登录

博客搜索

最新文章

文章索引

在线留言

最新评论

访问统计：
文章个数:12
评论个数:5
留言条数:1

lymph的博客

文章

如何让您的孩子到达山顶？

javascript 常用验证函数

Rich Internet Application 的到来

+ 用户名：
+ 密　码：

lymph的博客

关于作者

日历 document.write(d.getFullYear());年document.write(d.getMonth()+1);月document.write(day)日

快速登录

博客搜索

最新文章

文章索引

在线留言

最新评论

访问统计： 文章个数:12 评论个数:5 留言条数:1

lymph的博客

文章

如何让您的孩子到达山顶？

javascript 常用验证函数

Rich Internet Application 的到来

日历　年月日

访问统计：
文章个数:12
评论个数:5
留言条数:1