2008-04-16
全文显示

原创：基于Prototype，利用Canvas绘图实现的web流程图设计器（原型）

关键字: javascript prototype script.aculo.us canvas 流程图 web画线
刚才在首页看到这么个帖子 图形间连线算法 ，说来也巧，最近自己也在做这么个玩意儿，就是在web上拖放图标，然后连线，这段时间也算有点收获，实现了这么个玩意儿，发上来给大家看看，顺便征求点意见。附件是效果图和源码示例。 特点： 1、基于Prototype、Script.aculo.us，利用HTML5的标签Canvas实现，因为ie目前不支持这个，所以引入了google的excanvas库适配到VML，但是对于开发人员来说，api都是同一的一套，比较爽； 2、节点可动态生成、可拖放，并显示了拖放行为，比如不会拖出画板，也不会重叠在一起（这样对以后连线开了方便之门）； 3、绘制连线的时候，可 ...
2008-04-15
全文显示

发布一个基于Prototype和Canvas实现的仿Google导航条

关键字: prototype script.aculo.us canvas google导航条
前几天在一个叫做友财网的地方发现这个好玩的导航，比较喜欢，看了看原始的html代码结构，发现比较臃肿，而且不符合web标准，用了表格来布局，最要命的是在a标签下嵌套了div，大家都知道，inline元素下面是不能包含block元素的：（ 对于我这个极端主义分子，还有什么好说的呢，既然喜欢俺就自己做一个得了！因为讨厌无意义的标记，所以考虑用canvas来实现提示框的绘制，因此页面上需要引入google的excanvas库，增大了下载量，比较遗憾，如果你觉得无法忍受，那么可以暂时等等，或许接下来我会改成css圆角实现的，等不及的话自己改改源码得了 ，不是很难^_^ 原理主要是按某个时间间隔动态 ...
2007-12-01
全文显示

Prototype1.6以下Element.setStyle()的bug

关键字: setStyle iframe target bug
问题：如果在frame、iframe页面中使用了setStyle()方法后（貌似还不止这个方法有问题），或者使用了script.aculo.us的特效的话，会导致self.name混乱（也就是框架本身的名字），这样的话用链接元素的target指定到这个框架就没效果了，浏览器将按默认行为在新窗口中打开！ 解决办法： 1、升级Prototype和Script.aculo.us到最新版本（1.6、1.8），经测试已无bug。 2、自己打补丁，很容易，但比较麻烦，总的思想就是，在做了可能引起bug的操作后，自行恢复iframe的self.name。     首 ...
2007-05-28
全文显示

最值得期待的好书：《Pro CSS and HTML Design Patterns》

关键字: css html Design Patterns 新书
        没事上Apress的网站闲逛，偶然发现这本新书《Pro CSS and HTML Design Patterns》，出于好奇，下载了其源代码来看看，毕竟书名很有来头。不看不知道，一看吓一跳，作者真是太有创意了，从示例代码来看，版式设计精美，非常漂亮，涉及的知识点也很广，深度也不亚于《css mastery》！特别是第十二章的最后一个例子，原来css用得初审入化了也能这样，哈哈： 点击查看在线示例 这个数学公式，没有用任何图片，纯css实现，太牛了…… 看完这些示例 ...
2007-05-23
全文显示

AJAX表格分页模板(续):服务器端实现

关键字: groovy 分页 服务器端实现
AJAX表格分页模板：探讨基于Prototype框架的javascript面向对象设计（上） AJAX表格分页模板：探讨基于Prototype框架的javascript面向对象设计（中） AJAX表格分页模板：探讨基于Prototype框架的javascript面向对象设计（下）         在前面的三篇文章中，我们循序渐进的完成了三种数据获取方式的表格分页模板，接下来让我们看一下服务器端代码设计。这里出于快速演示的目的，实用 groovy脚本简单实现，日后完全可以替换为别的实现，groovy的快速开发能力，非常适 ...
2007-05-18
全文显示

AJAX表格分页模板：探讨基于Prototype框架的javascript面向对象设计（下）

关键字: 表格分页 Prototype javascript面向对象 groovy
AJAX表格分页模板：探讨基于Prototype框架的javascript面向对象设计（上） AJAX表格分页模板：探讨基于Prototype框架的javascript面向对象设计（中）         在前面两篇文章中，我们实现了静态表格分页模板，下面让我们继续讨论，如何实现另外两种数据获取方式的模板。要缓解服务器的压力，我们可以这样做：         1、显示初始页面也就是第一页的时候，我们构造好表头、标题和第一页的数据，并按照服务 ...
2007-05-17
全文显示

为aptana增加firefox预览tab

关键字: aptana 前台页面 效果预览 firefox
        一直以来，aptana都是我首选的AJAX前台开发IDE，其强大的代码提示，方便的界面预览，是吸引我的主要原因。但是以前内置的效果预览引擎都只有IE的，这对开发跨浏览器的web页面带来了不便，非得再开一个firefox。不过现在好了，从0.28.14433版本开始，可以通过安装一个XUL插件来支持双引擎预览了（附件是截图）。详情参看： Embedded Firefox XUL Support
2007-05-16
全文显示

AJAX表格分页模板：探讨基于Prototype框架的javascript面向对象设计（中）

关键字: ajax 表格 分页 Prototype 面向对象
        在上一篇文章中，我们用静态页面的方式，设计出了分页模板的表现形式，接下来让我们利用javascript这个强大的操盘手来粘合其余的部分吧。 第一步，我们需要设计一个抽象的基类，来实现代码复用（js的OO，不就是为了这个么，还有就是方便管理代码而已）。         首先，我们搞个命名空间来管理基类及其子类： js 代码 var Tbi = new Object();&nb ...
2007-05-14
全文显示

AJAX表格分页模板：探讨基于Prototype框架的javascript面向对象设计（上）

关键字: ajax 分页 javascript面向对象 css表格 groovy
        数据分页显示，是很普遍的需求，传统的实现大多是基于服务器端导航的，这种设计采用同步方式进行数据传输，用户体验很差。下面是我在学习ajax的过程中，实现的一个解决方案，不知道设计得怎么样，所以想发出来给大家参考下，恳请给予建议和指导，狗狗感激不尽！ 需求概述：需要将二维数据通过表格展现给客户端，用户可以事先选择每页显示的条目数，以及数据获取方式（静态获取、异步缓存，以及异步非缓存）。三种方式简述如下——       &n ...
2007-01-31
全文显示

我看《javascript dom编程艺术（dom scripting）》

这本书在刚出版的时候，编辑就送了一本给我，可惜那段时间出差在外没能看到，真正到手是4号那天，之前一直关注china-pub上的评论，有网友评价说内容太肤浅，“大失所望，感觉象是喝了碗稀粥，一点实在货都没有”。的确，此书是我有史以来读得最快的一本，三百页，从4号晚上开始看，到第二天下午就看完了，说明写的真的是很简单-_$不过话又说回来，就我的阅读体验来说，还是有收获的，为什么这么说呢？也许就因为我是个初学者吧，web前台的初学者，书里面提到的三层分离思想：结构（XHTML）、表示（CSS）、行为（javascript、dom）的解耦，还是非常有意义的，阐述得也还清晰，示例简单，比较容易理解。有一 ...
2007-03-14
全文显示

腾讯，我无言了

今天看到一个python群公告上显示有新的文章，好奇点进去想到群空间看看，居然跳出这么一个提示窗，直接晕倒……难道这就是标榜软件人性化的腾讯？作为一个web开发人员，真的无法想象，如此差劲的可用性！看来，web标准的推广，还是任重道远呐。就拿公司的小弟来说，给他们讲xhtml，讲css布局，讲javascript，还那么不耐烦听，不屑一顾的感觉，唉，怎么会这样呢？
2007-03-29
全文显示

初学者的良师益友——写在《Ajax与Java高级程序设计》出版之际

最近有朋友向我询问如何学习Ajax，不用多说，《Ajax基础教程》是我首推的入门书籍，为什么这么说呢？对于技术书籍来说，把简单的道理说复杂是很容易的，但是反过来把复杂的事情讲简单，可不是那么轻松的，《Ajax基础教程》却做到了这一点。记得刚开始接触ajax的时候，感觉这四个字母的组合是那么的深不可测，也难怪，要想真正搞明白并灵活运用她的话，非得对 javascript、dom以及 css等知识点都有个大致的了解，这对于长于后台开发的程序员来说，的确是件很头疼的事，比如我。但是当我看完这本书之后，给我的感觉却是豁然开朗，作者用轻松简洁的文字，把Ajax这个大块头从里到外的剖析了一番，娓娓道来： ...
笨笨狗
搜索本博客
存档
最新评论