乐鱼网页版-乐鱼(中国)官方
首 页 APP开(kāi)发 网站建设 微信开发 解决方案 公司动态 联系我(wǒ)们(men)
企业数字化(huà)的引领者 咨询(xún)服务热线:0371-63716361
乐鱼网页版和泛古动态(tài)
优化(huà)常识
常见(jiàn)问题
建站(zhàn)知识
设(shè)计心得
WAP建站(zhàn)百科
手(shǒu)机建站行业资讯(xùn)
首页轮(lún)播
首(shǒu)页轮播(bō)手机站
郑州(zhōu)网站建设
联系我(wǒ)们
常见问题(tí)
经典案例(lì)
Dreamweaver CS3集成Spry之表单检(jiǎn)测试用

Dreamweaver CS3集成了AJAX框架Spry,使得我最近对Spry感上了兴趣。

再次说(shuō)明下 Spry是Adobe公司推出的AJAX框架(jià) ,所谓AJAX框(kuàng)架,就先谈目前流行的Web2.0。

1,这些Web2.0站(zhàn)点从页(yè)面形(xíng)式上(shàng)来看,页面与(yǔ)浏览(lǎn)者的交互很(hěn)时尚、也很人性化。比(bǐ)如注册信息时输入邮(yóu)箱(xiāng)不规(guī)则,页面立(lì)即提示……当然这在(zài)Web2.0之(zhī)前已有(yǒu)应(yīng)用,但是从(cóng)来(lái)没有(yǒu)哪(nǎ)个时(shí)候像现在如此推崇此类即时检(jiǎn)测等很符合用户体验(yàn)的技术(shù),这些脱离不了Javascript脚本的编写(xiě),其已属于AJAX的定义(yì)范畴。

2,当(dāng)然AJAX不仅仅(jǐn)是这些,比如要做个“TabPane 选项卡”很炫酷的页面展示功能,我们手写Javascript脚本就比(bǐ)较的费事,当然还有很多(duō)的(de)在Web2.0站点看到的比如“显示(shì)和隐藏”、“淡入淡出”等(děng)特效(xiào),这(zhè)些都(dōu)离不开Javascript,而(ér)现在我们也称为AJAX技术。

3,AJAX最核心的技(jì)术就是数据处(chù)理的能(néng)力(lì),并能进行远程异步处理(lǐ)的(de)能力,主要集(jí)中(zhōng)在对XML数据的(de)数(shù)据交互(hù)上。

所(suǒ)有(yǒu)这些,Javascript占最大比重(chóng),XHTML、CSS作为表现形(xíng)式而存在、因XML涉及的XSLT、XPATH等(děng)技术融入其(qí)中,还有相关的DOM操作,这些(xiē)所(suǒ)有有需要(yào)功能(néng)文件的组合体就构成了AJAX框架(如(rú)果可以,你也可以自己写一个AJAX框架给(gěi)大家使用)。

Adobe Spry 介绍页有这样一句(jù)话:

With Spry, you can use HTML code, CSS code, and a minimal amount of JavaScript to incorporate XML data into your HTML documents, create widgets such as accordions and menu bars, and add different kinds of effects to various page elements.

使(shǐ)用Spry框(kuàng)架,用HTML、CSS、JavaScript就(jiù)可以在HTML文章中展现XML数据、建立诸如炫酷(kù)菜(cài)单的一(yī)些界面(miàn),还有其他(tā)的一些页(yè)面特效(大体(tǐ)上(shàng)分了(le)三类内容,这也是Spry AJAX框架所(suǒ)具备(bèi)的)。

由此,学习Spry就可以从如下三点开始:

Working with Spry widgets

Working with Spry Effects

Working with Spry XML Data Sets

前天(tiān)关于(yú) Dreamweaver CS3集成Spry效果试用 就是Spry widgets中的一例,今天介绍的(de)表(biǎo)单检测还属其中内容。

在页(yè)面中插入“Spry”-“Spry validation text field”文(wén)本框之(zhī)后,在选中该表单元素之后除了(le)显示其元素属性(xìng)以外,在(zài)选择该表(biǎo)单元素之上的蓝色文(wén)本“Spry TextField”,属性面板中显示(shì)了表单验证相关的选项(xiàng)内容。

比如下图就是选择“Type”是“Email Address”的(de)邮件(jiàn)输入(rù)检测,触发的动作默认(rèn)是“Submit”,当然自己也可(kě)以选择“Blur”或“Change”,对(duì)于这些操作,则要求使用者具备简单的(de)Javascript知识。还可(kě)以设置默认文本提示(shì),是否(fǒu)必须(xū)填写等。

乐鱼网页版-乐鱼(中国)官方

测试地址: http://www.dw8.cn/demo/spry/spry_form.html

这些(xiē)操作,对于有Dreamweaver经验的(de)用户(hù)来说,曾(céng)经是在DW的脚本行为中的操作,不过那些显示的是(shì)弹出警告框,而(ér)现在是紧(jǐn)随表单元素之后的即时(shí)显示的文字信息,相比较一下(xià)哪个更让用户觉得亲切呢?——这就(jiù)是Web2.0在(zài)表现形式上质的飞跃。

利用Spry框架提供这些(xiē)操作不(bú)仅生成基(jī)于标准的XHTML+CSS代码,还能完(wán)成完善用(yòng)户体(tǐ)验的页面功能,这是(shì)在Dreamweaver cs3初试(shì)Spry的体会。

下面再(zài)试用下Spry框架的Effects和XML Data,相(xiàng)信更精(jīng)彩(cǎi)。

如有任何疑(yí)问请联系我们,我们(men)7*24小(xiǎo)时竭诚为您服(fú)务(wù)!
0371-63716361
郑州乐鱼网页版和泛古软(ruǎn)件 乐鱼网页版-乐鱼(中国)官方

主营业务: 【APP开发】 【软件系统开发】 【移动(dòng)应用开(kāi)发】 【高端(duān)网站建设】 【网络营销】 【微信营销】 【微信系统开发】
业务咨询:0371-63716361 15638856138
公司地址:郑州(zhōu) 二七区 航(háng)海(hǎi)中路(lù)升龙城(chéng)·二七中心A座(zuò)10楼1009-1010(航海路与(yǔ)兴华南街交叉口西北角(jiǎo))
郑州泛(fàn)古软件(jiàn)科技有限公(gōng)司(sī) 版(bǎn)权所有(yǒu) © 2009-2022 豫ICP备14028268号  
留(liú)言(yán)反馈 | 了(le)解(jiě)乐鱼网页版和泛古 | 联系乐鱼网页版和泛古 | 站(zhàn)点地图(tú)    

乐鱼网页版-乐鱼(中国)官方
乐鱼网页版-乐鱼(中国)官方 客户咨询(xún):
  在线客服
  在线客(kè)服
乐鱼网页版-乐鱼(中国)官方 售后服务(wù):
  售后服务
  客户投(tóu)诉
乐鱼网页版-乐鱼(中国)官方 在线时间:
8:30-18:30
在线留言反馈
在线咨询
经济型(xíng)网站
 立即拥(yōng)有