本站首页    管理页面    写新日志    退出


«August 2025»
日一二三四五六
12
3456789
10111213141516
17181920212223
24252627282930
31


公告
　本博客在此声明所有文章均为转摘，只做资料收集使用。

我的分类（专题）

日志更新

最新评论

留言板

链接

Blog信息
blog名称:
日志总数:1304
评论数量:2242
留言数量:5
访问次数:7581440
建立时间:2006年5月29日




[Prototype(Ajax)]Prototype.js学习
软件技术

lhwork 发表于 2007/1/21 17:01:14

Prototype.js作为javascript的成功的开源框架，封装了很多好用的功能，虽然官方没提供什么文档，不过在google上一搜，好多相
关的文档，不过在学习使用的过程中还是碰到了一些问题，希望熟悉的朋友能多加指点，对于prototype.js学习我关注这么几点，同时针对每点也讲讲
学习的结果和碰到的问题，^_^
1、类的创建
      prototype.js已经封装好了，这个很简单。 var Person=Class.create();       这样就创建了一个Person类，这个Person类必须提供initialize方法的实现： Person.prototype={
               &nbs


阅读全文(2597) | 回复(0) | 编辑 | 精华 | 删除
 


[Prototype(Ajax)]Spry Framework入门（五）——数据集过滤及淡入淡出效果
软件技术

lhwork 发表于 2007/1/18 10:54:27

效果演示：
http://dannyr.nbdown.net/spry/index.html

代码下载：
http://dannyr.nbdown.net/filtrate.zip

说明：
代码是从Spain的MMUG拉下来的，MMUG上的是用Spry1.0，我按Spry1.3版本稍微做了修改。效果还不错，遗憾的是我的测试机上IE7和FireFox2的淡入淡出效果不一致，IE7的效果要好！同时由于动态显示数据集的区域(Region)内容是js动态生成的，在DataSet执行数据过滤后又重新填充并生成显示表，这样原先没过滤前显示区域的style效果就都丢失了，每次生成显示区域后区域里的style都是按默认值重新生成，所以每次过滤后显示区域的style效果都重置一次，没有连续性，很不如人意。


阅读全文(4203) | 回复(1) | 编辑 | 精华 | 删除
 


[Prototype(Ajax)]Spry Framework入门（四）——XML数据集排序
软件技术

lhwork 发表于 2007/1/18 10:51:51

页面代码：
test.html
 1
阅读全文(2682) | 回复(0) | 编辑 | 精华 | 删除
 


[Prototype(Ajax)]Spry Framework入门（三）——框架结构
软件技术

lhwork 发表于 2007/1/18 10:50:51

简介：
         Spry Framework是Adobe出品的轻量级的支持Ajax的JavaScript库，是一个包含JavaScript、CSS和图片文件的JavaScript库，必须在客户端浏览器中运行；支持XML数据集、动态区域显示、窗口显示部件和动态变换效果。
         用过Flex的朋友们可以很容易的看出这个Spry框架结构有点像Flex，并且使用HTTPService来与后台服务通讯。的确这个框架感觉每个层面的耦合很松弛，如下图所示，服务器端可以使用现有的主流技术，展示页面上可以通过DOM直接整合HTML等，是比较容易在现有的系统上改造及嵌入；同时Spry框架的设计目标是Web设计者，对于开发人员来说很容易上手和集成。


框架及浏览器结构：

fi</TD

阅读全文(2688) | 回复(0) | 编辑 | 精华 | 删除
 


[Prototype(Ajax)]Spry Framework入门（二）——XML数据集及主从表显示
软件技术

lhwork 发表于 2007/1/18 10:50:00

简介：
        Spry Framework是Adobe出品的轻量级的支持Ajax的JavaScript库，以HTML为中心，使用最基本的HTML、CSS和JavaScript来实现丰富Web页面体验。


试验环境：

操作系统：windows2003 Server
浏览器：IE7.0 RC1      FireFox 1.5.0.7
WEB服务器：IIS 6.0
Spry库：Spry_P1_3_08-11


安装：
从http://labs.adobe.com/technologie

阅读全文(3065) | 回复(0) | 编辑 | 精华 | 删除
 


[Prototype(Ajax)]Spry Framework入门（一）——XML数据集及显示
软件技术

lhwork 发表于 2007/1/18 10:49:07

简介：
        Spry Framework是Adobe出品的轻量级的支持Ajax的JavaScript库，以HTML为中心，使用最基本的HTML、CSS和JavaScript来实现丰富Web页面体验。


试验环境：

操作系统：windows2003 Server
浏览器：IE7.0 RC1      FireFox 1.5.0.7
WEB服务器：IIS 6.0
Spry库：Spry_P1_3_08-11


安装：
从http://labs.adobe.com/technologie

阅读全文(4024) | 回复(0) | 编辑 | 精华 | 删除
 


[Prototype(Ajax)]Spry框架初步入门
软件技术

lhwork 发表于 2007/1/18 10:47:50

Adobe的Ajax框架spry的正式版还没放出，所以文档是少之又少，在这里接合自己使用的情况总结20个spry的知识点给大家，相信会对大家有一定帮助，至少大家也会对spry有个初步的认识了，这个轻量型的框架就一个字：“易用”。
1，使用spry框架，必须引用的两个核心js文件
代码 <script type="text/javascript" 

阅读全文(4913) | 回复(0) | 编辑 | 精华 | 删除
 


[Prototype(Ajax)]Adobe的AJAX框架--Spry
软件技术

lhwork 发表于 2007/1/18 10:31:44

最近看完了Adobe的AJAX框架Spry的所有文档和Demo，觉得这东西挺有意思的，在这里介绍给大家。
　　Spry框架的开发人员是来自于DreamWeaver开发组，他们把Spry框架做为DreamWeaver的一个完美补充为设计者和开发者提供对AJAX技术的支持。Spry框架是一个轻量级的AJAX框架，它的代码和标签十分的简洁和优雅，以保证让用户能便捷的使用，并不会为过繁杂的标签所惑。
　
　　Spry框架的官方网址：
　　http://labs.adobe.com/technologies/spry
　　在这里你能找到最新的文档和下载最新的Spry版本，目前版本是预览版1.3_08-11。
　　大家可以先在下面的看到Spry的示例和Demo：
　　h

阅读全文(3530) | 回复(0) | 编辑 | 精华 | 删除
 


[Prototype(Ajax)]JSP 中 AJAX 的表单提交中文问题的简单解决方案
软件技术

lhwork 发表于 2006/12/25 12:25:46

在用 AJAX 开发的过程中, 不可避免的会遇到中文问题. 很多原来可以通过表单进行 POST 提交的字符, 到了用 AJAX 实现的时候, 就会出现烦人的乱码和丢特殊字符的现象. 另外服务器端返回值如何解析, 也是一个很烦人的问题. 本文将就个人的一点实践经验作出总结, 并给出一个尽量简单可行, 复用性高的方案. 目的不是替代你喜欢的 AJAX 框架, 而是希望帮助您理解和处理可能遇到的问题.

开始之前: 首先一个问题就是通常 XMLHttpRequest 默认的编码都是UTF-8的, 所以我们建议所有页面, 客户端和服务器端都使用 UTF-8 作为编码.

1. base64 encode 和 decode
    这个方案依赖于 JavaScript 实现的 base64 编码/解码方法, 在客户端发送参数的时候用 base64 进行编码, 服务器端通过 base64 进行解码后还原出原来的字符, 这个解决方案可以满足需要,

阅读全文(4916) | 回复(1) | 编辑 | 精华 | 删除
 


[Prototype(Ajax)]prototype对于标签定位的一些BUG
软件技术

lhwork 发表于 2006/12/11 9:25:58

问题起因：
在原来产品中实现的 ajax tree上面添加拖拽效果，为了方便，使用了prototype来简化开发。代码中使用了Poistion.absolutize来改变拖动标签时改变它 的坐标为绝对坐标显示，拖动结束后再使用Poistion.relativize变回相对坐标。

解决过程：
其实一开始测试时都挺 好的，但后来在tree上面使用时就发生问题了，在拖动过程，标签跟着鼠标的移动而改变，没有问题，但在鼠标释放后，标签并没有放置在鼠标释放的位置，而 是向左和向上偏移了，而这偏移的距离刚好就是tree显示位置的left和top。在对拖动结束后的位置计算的代码，拖动过程坐标计算的代码debug了 一天没有收获后，突然想到把样式中的滚动条设置（overflow-x : "auto", overflow-y: "scroll",）删掉试下，没想到就可以了。

经过反复验证，终于证实是滚动条惹的祸，接着就跟踪了prototype中的相关代码，在实现Position.absolutize方法时是

阅读全文(2712) | 回复(0) | 编辑 | 精华 | 删除
 


« 1 2 3 4 »



站点首页 | 联系我们 | 博客注册 | 博客登陆

Sponsored By W3CHINA
W3CHINA Blog 0.8 Processed in 0.219 second(s), page refreshed 144765481 times.
《全国人大常委会关于维护互联网安全的决定》  《计算机信息网络国际联网安全保护管理办法》
苏ICP备05006046号