亚洲一区二区三区香蕉,亚洲综合一区二区精品导航,无码天堂va亚洲va在线va

Tue, 18 Sep 2007 07:14:00 GMT

textarea宽度固定�Q�自动增�?input高度固定�Q�自动增�?br />

input高度固定�Q�自动增�?lt;br>

textarea宽度固定�Q�自动增�?lt;br>

2.验证是不是�ؓ(f��)汉字或者字母或者数�?正规字符)

var exp1="^([0-9A-Za-z]|[\u4e00-\u9fa5])+$";
     var corName=document.getElementById("displayName");
     if(corName.value==""||!corName.value.match(exp1)){
     document.getElementById("displayNameInfo").innerHTML="昄��名不能�ؓ(f��)�I�Z��只能为字母和汉字�l�成";
     corName.focus();
     return false;
     }

��无�?/a> 2007-09-18 15:14 发表评论

flex actionScript 学习(f��n)

Mon, 03 Sep 2007 06:10:00 GMT

http://blog.csdn.net/mozilla/archive/2007/08/23/1756761.aspx

http://examples.adobe.com/flex2/inproduct/sdk/explorer/explorer.html

http://www2.flash8.net/teach/6200.htm

��无�?/a> 2007-09-03 14:10 发表评论

hta研究--1

Tue, 10 Jul 2007 01:13:00 GMT

摘要: 让网��늕�面变成普通应用程序界面。这一点，微��Y又走在了世界前面阅读全文

��无�?/a> 2007-07-10 09:13 发表评论

msagent�l�典用法

Tue, 19 Dec 2006 08:13:00 GMT

msagent�l�典用法

序大本营战士
atyzy(�W�笑)

---- Microsoft Agent是微软公�怺�1997�q?月发布的一��代理��Y件开发技术，而后被集成到Internet Explorer 4.0 Plus�?qi��ng)更高版本中�Q�目前版本�ؓ(f��)2.0�Q�支持简体中文。作��Z��U��Y件代理工��P��Agent以其强大的交互功能、鲜明的人性特炏V��优��的操作界面和简便统一的编�E�方法，对由菜单、按钮、提�C�框�{�组成的传统人机交互方式产生了很大媄(ji��ng)响，在多媒体创作、Web应用、教育��Y件、��Y件帮助系�l�和辅助工具制作�{�方面，��h��q�K��的应用前景�?

一�?Microsoft Agent技术简�?

---- Agent一词的中文意思是“代理”，故名思意�Q�这�c�M��理��Y件的主要作用是提供一�U�易于理解和使用的操作界面，接受用户的指令、代替用户完成某些复杂繁琐的工作、或为用��h��供帮助。科学研�I�表明：(x��)从�h机工�E�的角度考虑�Q�赋予电(sh��)脑或�E�序更多人性化色彩�Q�如支持语音合成输出信息、语韌��别输入指令、智能提�C�、动�ȝ��Q�能够充分提高�h��Z��互的有效性和易用性�?

---- 我们知道�Q�在Office 97帮助�pȝ��中有一�U�叫作Office助手的代理��Y�Ӟ��其中�q�默风趣的动��M�h物，如“大眼夹”，能够�Ҏ(gu��)��用户的操作步骤“智能化”地提出一些徏议或帮助信息。与Office助手相比�Q�Agent功能更加丰富强大�Q�表现在�Q?

Office助手沿用传统的不透明矩�Ş�H�口�Q�窗口后面的背景被完全挡住；Agent动画人物本��n是一个“AlwaysOnTop”窗口，只有人物�w�体部分挡住背景�Q�其余部分透明�?

Office助手只允许Office 97的各个组件调用，Agent动画人物可由��M��Windows�E�序调用�Q?

Agent支持文字气球和输入提�C�条�Q�在输出语音的同时把文字输出至一个卡通式文字气球中。如果电(sh��)脑系�l�中安装有Agent语音识别引擎�Q�当用户按住输入键，如Scroll Lock键，在Agent人物下方出现一个输入命令窗口，表示它正在“聆听”用��L(f��ng)��语音命��o(h��)�?

Agent提供Genie、Merlin、Bobby和Peedy�{�动��M�h物，不仅��h��优美诙谐的动作，而且可以通过声卡、麦克风与用户交谈�?

二�?Microsoft Agent安装�Ҏ(gu��)��

---- Agent是一�U�ActiveX控�g�Q�其服务器程序（C:\WINDOWS\MSAGENT\Agentsvr.exe�Q�运行在Win95/98/NT操作�q�_��上，为其它调用Agent的客��L(f��ng)��序提供服务。客��L(f��ng)��序可以是利用VB、C++、Delphi、VFP、PB�{�开发的应用软�g�Q�也可以是HTML文�g中的Visual Script、Java Script脚本语言代码�?

安装Agent核心�l��gMsagent.exe�?

安装Lernout & Hauspie TruVoice Text-to-Speech Engine�Q�完成从文字合成语音的工作，目前版本只支持英语）Cgram.exe�?

安装Microsoft Command and Control Speech Engine�Q�提供语韌��别功能，目前版本只支持英语）Actcnc.exe�?

Agent动画人物人物数据文�g。Agent支持单结构角色文�Ӟ��.acs�Q�角色数据与动画数据存于同一个文�Ӟ��Q�也支持分离�l�构角色文�g�Q?acf�Q�角色数据存�?acf中，动画数据存于.aca中）。基于本地硬盘和�|�络的应用程序可采用.acs文�g�Q�基于Web��面的HTML文�g在浏览器中访问时�?x��)自动调用，习(f��n)惯上多使�?acs文�g�?

---- 上述文�g可从下蝲�?

三�?Microsoft Agent�~�程要点

---- 1�?在Delphi中添加Agent控�g

---- 在Delphi IDE中选择菜单Component�Q�Import ActiveX Control——在Import ActiveX下的列表框中选择Microsoft Agent Control 2.0�Q�Version 2.0�Q�，点击按钮Install——在Install对话框中点击按钮OK——在Confirm对话框中点击按钮Yes——在对话框中点击按钮OK。至此，Agent控�g被添加到Delphi�l��g板ActiveX��上�?

---- 2�?在Delphi中调用Agent控�g

---- ⑴、在Delphi IDE 中新建Project1�Q�包含Form1�Q�，在Form1上放�|�Agent1�Q�Name属性�ؓ(f��)MyAgent�Q�、Button1�?

---- ��c(di��n)��定义变量�?

Var Peedy: IagentCtlCharacterEx; Request1,Request2: IagentCtlRequest;
---- ⑶Agent主要属性、方法、事件�?

---- ①Characters属性与Load、Unload�Ҏ(gu��)��Q�初始化Agent�Q�加载动��L��据，卸蝲动画人物

---- Request1 := MyAgent.Characters.Load( Peedy, C:\Windows\System\Peedy.acs );
---- Peedy := MyAgent.Characters.Character( Peedy );
---- MyAgent.Characters.Unload(Peedy);

---- ②Show与Hide�Ҏ(gu��)��Q�显�C�、隐藏Agent动画人物。参数Fast表示动画人物昄��、隐藏的速度。Fast�?表示Agent飞入、飞出，Fast�?表示Agent直接出现、消失，没有动画�q�程�?

---- Peedy.Show(0);
---- Peedy.Hide(1);

---- ③StopAll、Stop�Ҏ(gu��)��Q�停止所有动作�?
---- Peedy.StopAll();
---- Peedy.Stop(Request);

---- ④Connected属性：(x��)Agent是否与Microsoft Agent服务器连接�?
---- MyAgent.Connected := True;

---- ⑤Get_Height、Get_Width、Set_Height、Set_Width�Ҏ(gu��)��Q�获得、设�|�Agent动画人物的高度、宽度�?

AgentHight := Peedy.Get_Height; AgentWidth := Peedy.Get_Width; Peedy.Set_Height(
round(AgentHeight / 2 )); Peedy.Set_Width( round( AgentWidth / 2 ));
---- ⑥MoveTo�Ҏ(gu��)��Q�参数x�Q�y表示Agent动画人物�U�d��到的坐标�Q�参数Speed表示�U�d��的速度�?

---- Peedy.MoveTo( (Screen.Width-Peedy.Get_Width) Div 2, (Screen.Height-Peedy.Get_Height) Div 2, 2 );

---- ⑦Interrupt�Ҏ(gu��)��Q�中断指定角色的动画。在几十�U�动��d��作中�Q�有一�c�d��~�名�ؓ(f��)“ing�?的动作比较特�D�，如“processing”、“searching”、“reading”、“writing”，一旦执行就必须通过调用另外一个动��M�h物的Interrupt�Ҏ(gu��)��才能中断。角色不能中断自�w�的动作�Q�否则会(x��)��D��异常�?

Request1 :=
Robby.Play(reading); Peedy.Interrupt(Request1);
---- ⑧Wait�Ҏ(gu��)��Q�在多个不同动画人物之间协调动画动作�Q�如�{�待sRobby的当前动作执行完毕后�Q�Peedy做另外一个动作�?

Request1 := Robby.Play(read); Peedy.Wait(Request1); Peedy.Play(search);
---- ⑨Play�Ҏ(gu��)��Q�执行指定的动画动作�Q�参数Animation��Z��帔R��Q�表�C�动�ȝ��型。Agent提供了几十种预定义动作，开发��Y件时只需直接调用�q�些帔R��卛_��。下面简要介�l�其中常用的一些常量仅供编�E�参考�?

---- 动作�c�d�� 中文含意动作�c�d�� 中文含意动作�c�d�� 中文含意

Acknowledge 承认
LookDown 向下�?Sad �(zh��n)�伤 Alert 警告 LookDownBlink 向下看眨�?Search ��L��
Announce 声明 LookUp 向上�?StartListening 开始聆�?Blink 眨眼 LookUpBlink
向下看眨�?StopListening 停止聆听 Confused �q�h�� LookLeft 向左�?Suggest
�� Congratulate ��贺 LookLeftBlink 向左看眨�?Surprised 吃惊 Decline 拒绝
LookRight 向右�?Think 思�?DontRecognize 不承�?LookRightBlink 向右看眨�?
Wave 挥动 Explain 解释 MoveDown 向下�U�d�� Write 书写 GestureDown 向下姿势
MoveUp 向上�U�d�� Processing 计算…�?GestureUp 向上姿势 MoveRight 向右�U�d��
Reading 阅读…�?GestureLeft 向左姿势 MoveLeft 向左�U�d�� Searching ��L��…�?
GestureRight 向右姿势 Pleased 高兴 Writing 书写…�?GetAttention 获得注意
Read 阅读 Greet 问�?RestPose 恢复初始状�?Request := peedy.Play(search);
---- ⑩Speak�Ҏ(gu��)��Q�Agent通过调用语音合成引擎�Q�支持英语的语音合成输出功能�Q�只需输入英文字符�Ԍ��Agent��p��通过声卡、音��“说话”。Agent的当前版本尚不具备支持中文语韛_��成功能，所以只能以.wav文�g的�Ş式播放中文。��用时可以��想要说的中文句子预先录好，�?wav形式存储�Q�在�E�序中调用即可。参数Text表示文字气球中显�C�的文字�Q�参数url表示.wav文�g的�\径�?

---- Peedy.speak(嗨，朋友们，你们好，现在由我为�?zh��n)�提供帮助�Q?C:\新徏文�g夹\Help.wav);

---- Peedy.Speak( Do you like my help? If so, Please send me an email! Thank you!, );

---- ⑾Commands.Add�Ҏ(gu��)��Q�在Button1Click事�g中�ؓ(f��)Agent��d��自定义语韌��别命令，参数const Name表示语音命��o(h��)的标识，参数Caption表示该命令在输入命��o(h��)�H�口中的昄��标题�Q�参数Voice表示该命令对应的语句。当用户通过麦克风向动画人物发出语音命��o(h��)�Ӟ��触发Agent的Command事�g�Q�因此我们可以另外编写一个过�E�完成语韌��别功能�?

procedure TForm1.Button1Click(Sender: TObject); begin Peedy.Commands.Add(Delphi,Run
Delphi,Delphi,True,True); Peedy.Commands.Add(Visual Basic, Run VB,VB,True,True);
Peedy.Show(0); Peedy.Speak(What can I do for you, sir?,); end;
---- ⑗��按F9�q�行�E�序。以上程序在Delphi3.0/4.0、Windows95/98/NT��体中文版环境下调试通过�?

��无�?/a> 2006-12-19 16:13 发表评论

JS集锦

Fri, 08 Dec 2006 03:49:00 GMT

1.一个日历插件�?br />

2.无刷新排序简�?br />

Item 1	Item 2	Item 3	Item 4
12.3	423	86.83	1.213
2	434	5.334	.234
33	43	5.223	8.73
21.3	234	52.34	.666
33.4	59	67.2	.426

��无�?/a> 2006-12-08 11:49 发表评论

Javascript-文�g操作

Fri, 01 Dec 2006 02:29:00 GMT

Javascript----文�g操作
一、功能实现核心：(x��)FileSystemObject 对象
要在javascript中实现文件操作功能，主要��是依靠FileSystemobject对象�?br />二、FileSystemObject�~�程
使用FileSystemObject 对象�q�行�~�程很简单，一般要�l�过如下的步骤：(x��) 创徏FileSystemObject对象、应用相��x��法、访问对象相兛_��?�?
�Q�一�Q�创建FileSystemObject对象
创徏FileSystemObject对象的代码只�?行：(x��)
var fso = new ActiveXObject("Scripting.FileSystemObject");
上述代码执行后，fso��成��Z��个FileSystemObject对象实例�?
�Q�二�Q�应用相��x��?
创徏对象实例后，��可以��用对象的相关�Ҏ(gu��)��了。比如，使用CreateTextFile�Ҏ(gu��)��创徏一个文本文�Ӟ��(x��)
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.createtextfile("c:\\\\myjstest.txt",true");
�Q�三�Q�访问对象相兛_��?
要访问对象的相关属性，首先要徏立指向对象的句柄�Q�这��p��通过get�p�d��Ҏ(gu��)��实现�Q�GetDrive负责获取驱动器信息，GetFolder负责获取文�g夹信息，GetFile负责获取文�g信息。比如，指向下面的代码后�Q�f1��成为指向文件c:\\test.txt的句柄：(x��)
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.GetFile("c:\\\\myjstest.txt");
然后�Q��用f1讉K��对象的相兛_��性。比如：(x��)
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.GetFile("c:\\\\myjstest.txt");
alert("File last modified: " + f1.DateLastModified);
执行上面最后一句后�Q�将昄��c:\\myjstest.txt的最后修�Ҏ(gu��)��期属性倹{�?
但有一点请注意�Q�对于��用create�Ҏ(gu��)��建立的对象，��׃��必再使用get�Ҏ(gu��)��获取对象句柄了，�q�时直接使用create�Ҏ(gu��)��建立的句柄名�U�就可以�Q?
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.createtextfile("c:\\\\myjstest.txt",true");
alert("File last modified: " + f1.DateLastModified);
三、操作驱动器�Q�Drives�Q?
使用FileSystemObject对象来编�E�操作驱动器�Q�Drives�Q�和文�g夹（F(tu��n)olders�Q�很�Ҏ(gu��)��Q�这��p��在Windows文�g��览器中�Ҏ(gu��)��件进行交互操作一��P��比如�Q�拷贝、移动文件夹�Q�获取文件夹的属性�?
�Q�一�Q�Drives对象属�?
Drive对象负责攉��pȝ��中的物理或逻辑驱动器资源内容，它具有如下属性：(x��)
l TotalSize�Q�以字节�Q�byte�Q��ؓ(f��)单位计算的驱动器大小�?
l AvailableSpace或FreeSpace�Q�以字节�Q�byte�Q��ؓ(f��)单位计算的驱动器可用�I�间�?
l DriveLetter�Q�驱动器字母�?
l DriveType�Q�驱动器�c�d��Q�取��gؓ(f��)�Q�removable�Q�移动介质）、fixed�Q�固定介质）、network�Q�网�l�资源）、CD-ROM或者RAM盘�?
l SerialNumber�Q�驱动器的系列码�?
l FileSystem�Q�所在驱动器的文件系�l�类型，取��gؓ(f��)FAT、FAT32和NTFS�?
l IsReady�Q�驱动器是否可用�?
l ShareName�Q�共享名�U��?
l VolumeName�Q�卷标名�U��?
l Path和RootFolder�Q�驱动器的�\径或者根目录名称�?
�Q�二�Q�Drive对象操作例程
下面的例�E�显�C�驱动器C的卷标、��d��量和可用�I�间�{�信息：(x��)
var fso, drv, s ="";
fso = new ActiveXObject("Scripting.FileSystemObject");
drv = fso.GetDrive(fso.GetDriveName("c:\\\\"));
s += "Drive C:" + " - ";
s += drv.VolumeName + "\\n";
s += "Total Space: " + drv.TotalSize / 1024;
s += " Kb" + "\\n";
s += "Free Space: " + drv.FreeSpace / 1024;
s += " Kb" + "\\n";
alert(s);
四、操作文件夹�Q�F(tu��n)olders�Q?
涉及(qi��ng)到文件夹的操作包括创建、移动、删除以�?qi��ng)获取相兛_��性�?
Folder对象操作例程 :
下面的例�E�将�l�习(f��n)获取父文件夹名称、创建文件夹、删除文件夹、判断是否�ؓ(f��)根目录等操作�Q?
var fso, fldr, s = "";
// 创徏FileSystemObject对象实例
fso = new ActiveXObject("Scripting.FileSystemObject");
// 获取Drive 对象
fldr = fso.GetFolder("c:\\\\");
// 昄��父目录名�U?
alert("Parent folder name is: " + fldr + "\\n");
// 昄��所在drive名称
alert("Contained on drive " + fldr.Drive + "\\n");
// 判断是否为根目录
if (fldr.IsRootFolder)
alert("This is the root folder.");
else
alert("This folder isn\'t a root folder.");
alert("\\n\\n");
// 创徏新文件夹
fso.CreateFolder ("C:\\\\Bogus");
alert("Created folder C:\\\\Bogus" + "\\n");
// 昄��文�g夹基��名称�Q�不包含路径�?
alert("Basename = " + fso.GetBaseName("c:\\\\bogus") + "\\n");
// 删除创徏的文件夹
fso.DeleteFolder ("C:\\\\Bogus");
alert("Deleted folder C:\\\\Bogus" + "\\n");
五、操作文�Ӟ��F(tu��n)iles�Q?
�Ҏ(gu��)��件进行的操作要比以上介绍的驱动器�Q�Drive�Q�和文�g夹（F(tu��n)older�Q�操作复杂些�Q�基本上分�ؓ(f��)以下两个�c�d��Q�对文�g的创建、拷贝、移动、删除操作和�Ҏ(gu��)��件内容的创徏、添加、删除和��d��操作。下面分别详�l�介�l��?
�Q�一�Q�创建文�?
一共有3�U�方法可用于创徏一个空文本文�g�Q�这�U�文件有时候也叫做文本��（text stream�Q��?
�W�一�U�是使用CreateTextFile�Ҏ(gu��)��。代码如下：(x��)
var fso, f1;
fso = new ActiveXObject("Scripting.FileSystemObject");
f1 = fso.CreateTextFile("c:\\\\testfile.txt", true);
�W�二�U�是使用OpenTextFile�Ҏ(gu��)��Q��ƈ��d��上ForWriting属性，ForWriting的��gؓ(f��)2。代码如下：(x��)
var fso, ts;
var ForWriting= 2;
fso = new ActiveXObject("Scripting.FileSystemObject");
ts = fso.OpenTextFile("c:\\\\test.txt", ForWriting, true);
�W�三�U�是使用OpenAsTextStream�Ҏ(gu��)��Q�同栯��讄��好ForWriting属性。代码如下：(x��)
var fso, f1, ts;
var ForWriting = 2;
fso = new ActiveXObject("Scripting.FileSystemObject");
fso.CreateTextFile ("c:\\\\test1.txt");
f1 = fso.GetFile("c:\\\\test1.txt");
ts = f1.OpenAsTextStream(ForWriting, true);
�Q�二�Q�添加数据到文�g
当文件被创徏后，一般要按照“打开文�g�Q?gt;填写数据�Q?gt;关闭文�g”的步骤实现��d��数据到文件的目的�?
打开文�g可��用FileSystemObject对象的OpenTextFile�Ҏ(gu��)��Q�或者��用File对象的OpenAsTextStream�Ҏ(gu��)��?
填写数据要��用到TextStream对象的Write、WriteLine或者WriteBlankLines�Ҏ(gu��)��。在同是实现写入数据的功能下�Q�这3者的区别在于�Q�Write�Ҏ(gu��)��不在写入数据末尾��d��新换行符�Q�W(xu��)riteLine�Ҏ(gu��)��要在最后添加一个新换行�W�，而W(xu��)riteBlankLines则增加一个或者多个空行�?
关闭文�g可��用TextStream对象的Close�Ҏ(gu��)��?
�Q�三�Q�创建文件及(qi��ng)��d��数据例程
下面的代码将创徏文�g、添加数据、关闭文件几个步骤结合�v来进行应用：(x��)
var fso, tf;
fso = new ActiveXObject("Scripting.FileSystemObject");
// 创徏新文�?
tf = fso.CreateTextFile("c:\\\\testfile.txt", true);
// 填写数据�Q��ƈ增加换行�W?
tf.WriteLine("Testing 1, 2, 3.") ;
// 增加3个空�?
tf.WriteBlankLines(3) ;
// 填写一行，不带换行�W?
tf.Write ("This is a test.");
// 关闭文�g
tf.Close();
�Q�四�Q�读取文件内�?
从文本文件中��d��数据要��用TextStream对象的Read、ReadLine或ReadAll �Ҏ(gu��)��。Read�Ҏ(gu��)��用于��d��文�g中指定数量的字符�Q�ReadLine�Ҏ(gu��)��d��一整行�Q�但不包括换行符�Q�ReadAll�Ҏ(gu��)��则读取文本文件的整个内容。读取的内容存放于字�W�串变量中，用于昄��、分析。在使用Read或ReadLine�Ҏ(gu��)��d��文�g内容�Ӟ��如果要蟩�q�一些部分，��p��用到Skip或SkipLine�Ҏ(gu��)��?
下面的代码演�C�打开文�g、填写数据，然后��d��数据�Q?
var fso, f1, ts, s;
var ForReading = 1;
fso = new ActiveXObject("Scripting.FileSystemObject");
// 创徏文�g
f1 = fso.CreateTextFile("c:\\\\testfile.txt", true);
// 填写一行数�?
f1.WriteLine("Hello World");
f1.WriteBlankLines(1);
// 关闭文�g
f1.Close();
// 打开文�g
ts = fso.OpenTextFile("c:\\\\testfile.txt", ForReading);
// ��d��文�g一行内容到字符�?
s = ts.ReadLine();
// 昄��字符串信�?
alert("File contents = \'" + s + "\'");
// 关闭文�g
ts.Close();
�Q�五�Q�移动、拷贝和删除文�g
对于以上三种文�g操作�Q�javascript各有两种对应的方法：(x��)File.Move �?FileSystemObject.MoveFile用于�U�d��文�g�Q�File.Copy �?FileSystemObject.CopyFile用于拯��文�g�Q�File.Delete �?FileSystemObject.DeleteFile用于删除文�g�?
下面的代码演�C�在驱动器C的根目录下创��Z��个文本文�Ӟ��填写一些内容，然后��文件移动到\\tmp目录下，再在目录\\temp下面建立一个文件拷贝，最后删除这两个目录的文�Ӟ��(x��)
var fso, f1, f2, s;
fso = new ActiveXObject("Scripting.FileSystemObject");
f1 = fso.CreateTextFile("c:\\\\testfile.txt", true);
// 写一�?
f1.Write("This is a test.");
// 关闭文�g
f1.Close();
// 获取C:\\根目录下的文件句�?
f2 = fso.GetFile("c:\\\\testfile.txt");
// �U�d��文�g到\\tmp目录�?
f2.Move ("c:\\\\tmp\\\\testfile.txt");
// 拯��文�g到\\temp目录�?
f2.Copy ("c:\\\\temp\\\\testfile.txt");
// 获取文�g句柄
f2 = fso.GetFile("c:\\\\tmp\\\\testfile.txt");
f3 = fso.GetFile("c:\\\\temp\\\\testfile.txt");
// 删除文�g
f2.Delete();
f3.Delete();
六、结 �?
通过以上对FileSystemObject的各�U�对象、属性和�Ҏ(gu��)��的介�l�和�C�Z��Q�相信你已经对如何��用javascript语言在页面中操作驱动器、文件和文�g�Ҏ(gu��)��了清晰的认识。但是上�q�提�?qi��ng)的例程都非常简单，要全面、灵�z�d��掌握javascript文�g操作技术，�q�需要大量的实践�l�习(f��n)。而且�q�有一�Ҏ(gu��)��醒大�Ӟ��׃��涉及(qi��ng)到在��览器中�q�行文�g��d��q�样的高�U�操作，对于默认的浏览器安全�U�别而言�Q�在代码�q�行前都�?x��)有一个信息提�C�，�q�点请在实际环境中提�C��问者注意�?br /><

��无�?/a> 2006-12-01 10:29 发表评论

ajax study (1)

Tue, 28 Nov 2006 07:03:00 GMT

�?w��i)青兄写的一个ajax�c�R�?br />var http_request = false;
function send_request(method,url,formName,responseType,callback) {
http_request = false;
var content =""
if(forName != null)content = getFormAsString(formName);

if(window.XMLHttpRequest) {
  http_request = new XMLHttpRequest();
  if (http_request.overrideMimeType) {
   http_request.overrideMimeType("text/xml");
  }
}
else if (window.ActiveXObject) {
  try {
   http_request = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
   try {
    http_request = new ActiveXObject("Microsoft.XMLHTTP");
   } catch (e) {}
  }
}
if (!http_request) {
  window.alert("不能创徏XMLHttpRequest对象实例.");
  return false;
}
if(responseType.toLowerCase()=="text") {
  http_request.onreadystatechange = callback;
}
else if(responseType.toLowerCase()=="xml") {
  http_request.onreadystatechange = callback;
}
else {
  window.alert("响应�c�d��参数错误�?);
  return false;
}
if(method.toLowerCase()=="get") {
  http_request.open(method, url, true);
}
else if(method.toLowerCase()=="post") {
  http_request.open(method, url, true);
  http_request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
}
else {
  window.alert("http��h��c�d��参数错误�?);
  return false;
}
if(window.ActiveXObject) http_request.setRequestHeader("If-Modified-Since", "0");
http_request.send(content);
}

function getFormAsString(formName){

returnString ="";

formElements=document.forms[formName].elements;

for(var i=formElements.length-1;i>=0; --i ){

returnString+="&"

+escape(formElements[i].name)+"="

+escape(formElements[i].value);

}

��无�?/a> 2006-11-28 15:03 发表评论

DWR: Easy AJAX for JAVA

Thu, 21 Sep 2006 08:51:00 GMT

DWR is a Java open source library which allows you to write Ajax web sites.

It allows code in a browser to use Java functions running on a web server just as if it was in the browser.

DWR consists of two main parts:

A Java Servlet running on the server that processes requests and sends responses back to the browser.
JavaScript running in the browser that sends requests and can dynamically update the webpage.

DWR works by dynamically generating Javascript based on Java classes. The code does some Ajax magic to make it feel like the execution is happening on the browser, but in reality the server is executing the code and DWR is marshalling the data back and forwards.

This method of remoting functions from Java to JavaScript gives DWR users a feel much like conventional RPC mechanisms like RMI or SOAP, with the benefit that it runs over the web without requiring web-browser plug-ins.

Java is fundamentally synchronous where Ajax is asynchronous. So when you call a remote method, you provide DWR with a callback function to be called when the data has been returned from the network.

The diagram shows how DWR can alter the contents of a selection list as a result of some Javascript event like onclick.

DWR dynamically generates an AjaxService class in Javascript to match some server-side code. This is called by the eventHandler. DWR then handles all the remoting details, including converting all the parameters and return values between Javascript and Java. It then executes the supplied callback function (populateList) in the example below which uses a DWR utility function to alter the web page.

DWR helps you in producing highly interactive web-sites by providing some Javascript libraries to help with DHTML and by giving you a set of examples to copy from.

For details on how to get started with DWR see the getting started guide and download instructions.
//---------------------------以下是中文介�l?0--------------------------------------------------------------

dwr学习(f��n)

�q�段旉��较闲,研究了一番dwr.发现dwr实现的AJAX有些地方��实很是先进.比如动态生成javascript代码;隐藏的http协议;javascript于java代码交互的是javascript对象(或字�W�串)�{?
以下是我临时译的一些东�?本来惛_��?发现dwr实在是简�?��随便写�?英文居差,��C��?

1、DWR: Easy AJAX for JAVA

作�ؓ(f��)一个java open source library,DWR可以帮助开发�h员完成应用AJAX技术的web�E�序。它可以让浏览器上的javascript�Ҏ(gu��)��调用�q�行在web服务器上java�Ҏ(gu��)��?

DWR主要�׃��部门�l�成。javascript与web服务器通信�q�更新web��；�q�行在web服务器的Servlet处理��h��q�把响应发回��览器�?

DWR 采用新颖的方法实��C��AJAX(本来也没有确切的定义)�Q�在java代码基础上动态的生成javascript代码。web开发者可以直接调用这�?javascript代码�Q�然而真正的代码是运行在web服务器上的java code。出与安全考虑�Q�开发者必��配�|�哪些java class暴露�l�DWR.(dwr.xml)

�q�种�?java到javascript)调用机制�l�用户一�U�感觉，好象常规的RPC机制�Q�或RMI or SOAP.但是它运行在web上，不需要�Q何浏览器插�g�?

DWR 不认为浏览器和web服务器之间协议重要，把系�l�界面放在首位。最大挑战是java method call的同步特征与ajax异步�Ҏ(gu��)��之间的矛盾。在异步模型里，�l�果只有在方法结束后才有效。DWR解决了这个问题，把回调函数当成参��C��l�方法，处理完成后，自动调用回调�Ҏ(gu��)��?

�q�个图表昄��了，通过javascript事�g�Q�DWR能改变select的内容，当然�q�些内容�?java代码�q�回�?javascript函数Data.getOptions(populateList)由DWR动态生成，�q�个函数�?x��)调用java class Data�cȝ��Ҏ(gu��)��。DWR处理如何�q�程调用�Q�包括�{换所有的参数和返回的�l�果�Q�javascript\java�Q�。java�Ҏ(gu��)��执行完后�Q�执行回调方�?populateList。在整个�q�程中我们就惛_��用本地的�Ҏ(gu��)��一栗��?

2、Getting Started

废话��说�Q�试试就ok了�?
web.xml

dwr-invoker

uk.ltd.getahead.dwr.DWRServlet

dwr-invoker

/dwr/*

dwr.xml 与web.xml同目�?

index.html

DWR - Test Home

dwr.jar 下蝲放lib�?

完了�Q�什么，够了�Q�就�q�些。访问ok!
3、Examples
http://www.aboutmyhealth.org/ �q�不是Google Suggest�?ok.
4、源码浅�?
dwr的设计很象webwork2的设�?隐藏http协议,扩展性，兼容性及(qi��ng)强�?

通过研究uk.ltd.getahead.dwr.DWRServlet�q�个servlet来研�I�下dwr到底是如何工作滴�?

java代码:

web.xml配置 
 
    dwr-invoker 
    class>uk.ltd.getahead.dwr.DWRServletclass> 
   
   
    dwr-invoker 
    /dwr/* 

�q�样所有的/dwr/*所有请求都��p��个servlet来处理，它到底处理了些什么能。我们还以上面最��单的例子来看�?
1�?web服务器启动，DWRServlet init()�Ҏ(gu��)��调用�Q�init主要做了以下工作�?
讄��日志�U�别、实例化DWR用到的单例类�Q�这些类在jvm中只有一个实例对象）、读去配�|�文�Ӟ��包括dwr.jar包中的dwr.xml,WEB-INF/dwr.xml. config*.xml�Q��?
2、请求处�?
DWRServlet.doGet, doPost�Ҏ(gu��)��都调用processor.handle(req, resp)�Ҏ(gu��)��处理。Processor对象在init()�Ҏ(gu��)��中已�l�初始化了�?

java代码:

publicvoid handle(HttpServletRequest req, HttpServletResponse resp)
        throwsIOException
    {
        String pathinfo = req.getPathInfo(); 
        if(pathinfo == null || pathinfo.length() == 0 || pathinfo.equals("/"))
        {
            resp.sendRedirect(req.getContextPath() + req.getServletPath() + '/' + "index.html"); 
        }else
        if(pathinfo != null && pathinfo.equalsIgnoreCase("/index.html"))
        {
            doIndex(req, resp); 
        }else
        if(pathinfo != null && pathinfo.startsWith("/test/"))
        {
            doTest(req, resp); 
        }else
        if(pathinfo != null && pathinfo.equalsIgnoreCase("/engine.js"))
        {
            doFile(resp, "engine.js", "text/javascript"); 
        }else
        if(pathinfo != null && pathinfo.equalsIgnoreCase("/util.js"))
        {
            doFile(resp, "util.js", "text/javascript"); 
        }else
        if(pathinfo != null && pathinfo.equalsIgnoreCase("/deprecated.js"))
        {
            doFile(resp, "deprecated.js", "text/javascript"); 
        }else
        if(pathinfo != null && pathinfo.startsWith("/interface/"))
        {
            doInterface(req, resp); 
        }else
        if(pathinfo != null && pathinfo.startsWith("/exec"))
        {
            doExec(req, resp); 
        }else
        {
            log.warn("Page not found. In debug/test mode try viewing /[WEB-APP]/dwr/"); 
            resp.sendError(404); 
        }
    }

哦。这些恍然大�(zh��n)�。dwr/*处理的请求也��p��几种�?
�Q?�Q�dwr/index.html�Q�dwr/test/�q�种只能在debug模式下��用，调试用�?
dwr/engine.js�Q�dwr/util.js�Q�dwr/deprecated.js当这个请求到达，从dwr.jar包中��d��文�g��，响应回去。（重复��h��有缓存）
�Q?�Q�当dwr/interface/�q�种��h��到来�Q�（例如我们在index.html中的 �Q�DWR做一件伟大的事。把我们在WEB- INF/dwr.xml中的

java.util.Date转化为javascript函数�?
http://localhost:port/simpledwr/dwr/interface/JDate.js看看吧�?/font>
�l�节也比较简单，通过java反射�Q�把�Ҏ(gu��)��都写成javascript特定的方法。（我觉得这些�{换可以放到缓存里�Q�下�ơ调用没必要再生成一遍，不知道作者�ؓ(f��)什么没�q�样做）�?
�Q?�Q�dwr/exec
javascript调用�Ҏ(gu��)��时发送这�U�请求，可能是XMLHttpRequest或IFrame发送�?
当然�Q�javascript调用的方法签名与java代码一��_(d��)��包括参数�Q�还有javascript的回调方法也传到了服务器端，在服务器端很�Ҏ(gu��)��实现。回调方法的java的执行结�?�q�回�c�M��

我们注意到当用户改变搜烦(ch��)标准�Ӟ��q�是AJAX在示例程序中的首�ơ应�?正如他所看到的，当标准改变时�Q�可用的公寓数量被更��C��。我创徏了两个JavaScript函数�Q�当某一个选择下拉框中的值变化时被调用。ApartmentDAO.countApartments()函数是最重要的部分。最有趣的是�W�一个参�? loadTotal()函数�Q�它指明了当接收到服务端的返回时DWR��会(x��)调用的JavaScript�Ҏ(gu��)��。loadTotal于是被调用来在HTML��面�?lt;div>中显�C�结果。下面是在这个交互场景中所使用到的JavaScript函数:

								function updateTotal() {
    $("resultTable").style.display = 'none';
    var bedrooms = document.getElementById("bedrooms").value;
    var bathrooms = document.getElementById("bathrooms").value;
    var price = document.getElementById("price").value;
    ApartmentDAO.countApartments(loadTotal, bedrooms, bathrooms, price);
}

function loadTotal(data) {
    document.getElementById("totalRecords").innerHTML = data;
}

很明显，用户想看到符合他的搜索条件的公寓列表。那么，当用户对他的搜烦(ch��)标准感到满意�Q��ƈ且��L��也是有效的话�Q�他�?x��)按下显�C�结果的按纽�Q�这��会(x��)调用updateResults() JavaScript�Ҏ(gu��)��Q?br />

								function updateResults() {
    
    DWRUtil.removeAllRows("apartmentsbody");
    var bedrooms = document.getElementById("bedrooms").value;
    var bathrooms = document.getElementById("bathrooms").value;
    var price = document.getElementById("price").value;
    ApartmentDAO.findApartments(fillTable, bedrooms, bathrooms, price);
    $("resultTable").style.display = '';
}

function fillTable(apartment) {
    DWRUtil.addRows("apartmentsbody", apartment, [ getId, getAddress, getBedrooms, getBathrooms, getPrice ]);
}

updateResults()�Ҏ(gu��)��清空了存放搜索返回结果的表域�Q�从用户界面上获取所需参数�Q��ƈ且将�q�些参数传给DWR创徏的ApartmentDAO对象。然后数据库查询��被执行�Q�fillTable()��会(x��)被调用，它解析了DWR�q�回的对�?apartment)�Q�然后将其显�C�到��面�?apartmentsbody)�?br />
安全因素
��Z��保持�C�Z��的简要，ApartmentDAO�c�d��可能的保持简单，但这��L(f��ng)��一个类通常有一�l�设�|�方法来操作数据�Q�如insert(), update()和delete()。DWR暴露了所有公共方法给所有的HTML��面调用。出于安全的原因�Q�像�q�样暴露你的数据讉K��层是不明智的。开发者可以创��Z��个门面来集中所有JavaScript函数与底层业务组件之间的通信�Q�这样就限制了过多暴露的功能�?br />
�l�论
�q�篇文章仅仅让你在你的项目中使用由DWR支持的AJAX开了个头。DWR让你集中注意力在如何提高你的应用的交互模型上面，消除了编写和调试JavaScript代码的负担。��用AJAX最有趣的挑战是定义在哪里和如何提高可用性。DWR负责了操作Web��面与你的Java对象之间的通信�Q�这样就帮助你完全集中注意力在如何让你的应用的用��L(f��ng)��面更加友好，
我想感谢Mircea Oancea和Marcos Pereira,他们阅读了这��文章�ƈ�l�予了非常有价值的�q�匮�?br />
资源
·javaworld.com: javaworld.com
·Matrix-Java开发者社�? http://www.matrix.org.cn/
·onjava.com: onjava.com
·下蝲�C�Z��E�序的全部源�? http://www.javaworld.com/javaworld/jw-06-2005/dwr/jw-0620-dwr.war
·DWR: http://www.getahead.ltd.uk/dwr/index.html
·HSQL:http://hsqldb.sourceforge.net/
·AJAX的定�?http://en.wikipedia.org/wiki/AJAX
· “AJAX:通向Web应用的新途径": Jesse James Garrett (Adaptive Path, 2005.2): http://www.adaptivepath.com/publications/essays/archives/000385.php
· “非常动态的Web界面�?Drew McLellan (xml.com, 2005.2): http://www.xml.com/pub/a/2005/02/09/xml-http-request.html
·XMLHttpRequest & AJAX 工作范例: http://www.fiftyfoureleven.com/resources/programming/xmlhttprequest/examples
· “可用的XMLHttpRequest实践�?Thomas Baekdal (Baekdal.com, 2005.3): http://www.baekdal.com/articles/Usability/usable-XMLHttpRequest/
·"XMLHttpRequest使用导引" Thomas Baekdal (Baekdal.com, 2005.2):http://www.baekdal.com/articles/Usability/XMLHttpRequest-guidelines/
·AJAX实质:http://www.ajaxmatters.com/

(看完后个人感觉：(x��)有了DWR��JAVA开发而言�Q�完全可以与AJAX�Ҏ(gu��)��啦，省了在JS上对XMLHTTP以及(qi��ng)对DOM的处理，不可以避免地在后台对应的IO处理�Q�然后就DWR来说�Q�它增加了对XML中对应的配置--在开源框架中��g��一直不曑ց�止过。还有对一些DWR自有用法如DWRUtil.addRows得参考其相关文档---当然�q�样的功能我们自�׃��可以用JS来解冻I��q�且它显然很实用�?
DWRUtil学习(f��n)

�q�些功能函数在下面这个网址都有�C�Z��,�q�里只是把他们用中文解释,方便查找.
http://getahead.ltd.uk/dwr/browser/util

DWRUtil.getText(id)

�q�个函数只能用于select

getText(id) is similar to getValue(id), except that it is designed for