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、绘制连线的时候，可 ...
- 10:18
- 浏览 (475)
- 评论 (9)
- 分类: Ajax 新时代
- 进入论坛
- 发布在 javascript研究小组 圈子
前几天在一个叫做友财网的地方发现这个好玩的导航，比较喜欢，看了看原始的html代码结构，发现比较臃肿，而且不符合web标准，用了表格来布局，最要命的是在a标签下嵌套了div，大家都知道，inline元素下面是不能包含block元素的：（
对于我这个极端主义分子，还有什么好说的呢，既然喜欢俺就自己做一个得了！因为讨厌无意义的标记，所以考虑用canvas来实现提示框的绘制，因此页面上需要引入google的excanvas库，增大了下载量，比较遗憾，如果你觉得无法忍受，那么可以暂时等等，或许接下来我会改成css圆角实现的，等不及的话自己改改源码得了 ，不是很难^_^
原理主要是按某个时间间隔动态 ...
- 11:42
- 浏览 (843)
- 评论 (5)
- 分类: Ajax 新时代
- 进入论坛
- 发布在 javascript研究小组 圈子
问题：如果在frame、iframe页面中使用了setStyle()方法后（貌似还不止这个方法有问题），或者使用了script.aculo.us的特效的话，会导致self.name混乱（也就是框架本身的名字），这样的话用链接元素的target指定到这个框架就没效果了，浏览器将按默认行为在新窗口中打开！
解决办法：
1、升级Prototype和Script.aculo.us到最新版本（1.6、1.8），经测试已无bug。
2、自己打补丁，很容易，但比较麻烦，总的思想就是，在做了可能引起bug的操作后，自行恢复iframe的self.name。
首 ...
在译言上看到一篇好文，实在喜欢，转载过来（ 原作者: Jason 译者: 小狼诺夫）。
很多人问我们：“你们这么小的一个团队是怎么完成这么多项目的？五个产品、一本书、Rails（译者注：ruby的web框架），还有一个颇受欢迎的博客。我们比你们拥有多得多的钞票、人力、硬件资源和技术，但是我们好像什么事也完不成？秘密是什么？”
有 ...
今天在谢老师的blog上看到她小孩的一道奥数作业（难倒了N个硕士和博士的三年级奥数题），题目如下：
一个六位数，分别用2，3，4，5，6乘它，得到的五个新数仍是由原数中的六个数字组成，只是位置不同，则此六位数是多少？
顺手用python写了个解法：
python 代码
def makeSet(num):
tmp = set()
for i&nbs ...
- 14:01
- 浏览 (2580)
- 评论 (10)
- 分类: Python 美女蛇
- 发布在 Python 圈子
没事上Apress的网站闲逛，偶然发现这本新书《Pro CSS and HTML Design Patterns》，出于好奇，下载了其源代码来看看，毕竟书名很有来头。不看不知道，一看吓一跳，作者真是太有创意了，从示例代码来看，版式设计精美，非常漂亮，涉及的知识点也很广，深度也不亚于《css mastery》！特别是第十二章的最后一个例子，原来css用得初审入化了也能这样，哈哈：
点击查看在线示例
这个数学公式，没有用任何图片，纯css实现，太牛了……
看完这些示例 ...
AJAX表格分页模板：探讨基于Prototype框架的javascript面向对象设计（上）
AJAX表格分页模板：探讨基于Prototype框架的javascript面向对象设计（中）
AJAX表格分页模板：探讨基于Prototype框架的javascript面向对象设计（下）
在前面的三篇文章中，我们循序渐进的完成了三种数据获取方式的表格分页模板，接下来让我们看一下服务器端代码设计。这里出于快速演示的目的，实用 groovy脚本简单实现，日后完全可以替换为别的实现，groovy的快速开发能力，非常适 ...
- 17:08
- 浏览 (4466)
- 评论 (5)
- 分类: Ajax 新时代
- 进入论坛
- 发布在 Groovy on Grails 圈子
2007-05-18
AJAX表格分页模板：探讨基于Prototype框架的javascript面向对象设计（下）
关键字: 表格分页 Prototype javascript面向对象 groovy
AJAX表格分页模板：探讨基于Prototype框架的javascript面向对象设计（上）
AJAX表格分页模板：探讨基于Prototype框架的javascript面向对象设计（中）
在前面两篇文章中，我们实现了静态表格分页模板，下面让我们继续讨论，如何实现另外两种数据获取方式的模板。要缓解服务器的压力，我们可以这样做：
1、显示初始页面也就是第一页的时候，我们构造好表头、标题和第一页的数据，并按照服务 ...
- 13:10
- 浏览 (6970)
- 评论 (3)
- 分类: Ajax 新时代
- 进入论坛
- 发布在 Groovy on Grails 圈子
一直以来，aptana都是我首选的AJAX前台开发IDE，其强大的代码提示，方便的界面预览，是吸引我的主要原因。但是以前内置的效果预览引擎都只有IE的，这对开发跨浏览器的web页面带来了不便，非得再开一个firefox。不过现在好了，从0.28.14433版本开始，可以通过安装一个XUL插件来支持双引擎预览了（附件是截图）。详情参看：
Embedded Firefox XUL Support
昆明是一个落后的城市，自打毕业从北京下来工作，至今也快两年了，从这么长时间的认识来看，能得出一个结论：这里没有一家公司能算得上是真正“做技术”的，怎么这样说呢？也许我的看法偏激了一点，不过从整个环境来看就是这样的：没有创新意识，整天抱着那些所谓标准的、成熟的老土架构（比如struts1，ejb2等必然淘汰的技术）不放，对用户界面以及可用性的藐视，导致投入了巨大人力、财力后，却收效甚微。基于这样的技术，想单元测试，想敏捷开发，恐怕不是那么容易！这就好比一个老头子，八十岁的老头子，够成熟稳 ...
笨笨狗
- 浏览: 48095 次
- 性别:
- 来自: 昆明
- 详细资料
搜索本博客
链接
- 默海飞瀑
- 怿飞's Blog
- Realazy's blog
- old9's blog
- dUcky's blog
- nirvanastudio
- csser
- 52css
- 代码课
- 经典论坛
- dlee's blog
- simohayha's blog
- inspring.cn
- 蛟龍居
- tony writely
- LetRails
- elviscai
- K-Rule
- Idea Grapes
- 为之漫笔
- CSS森林
- linxz's blog
- LukeW Interface Designs
- Edwards
- with Imagination
- quirksmode
- m3nt0r
- mislav
- scripteka
- Thomas Fuchs
- adam
- pythontik
- perfection kills
- 凤凰涅磐
- 臭鱼的交互设计
- Protosafe
最新评论
-
最值得期待的好书：《Pro ...
Design Patterns让人以为跟Design Patterns有什么联系
-- by csf177 -
最值得期待的好书：《Pro ...
恩，这本书是好书，就是翻译的有些赶，非常适合做参考手册
-- by x5studio -
发布一个基于Prototype和 ...
呵,今天才想起来下来看...挺不错的.
-- by zhouzhao21 -
发布一个基于Prototype和 ...
很不错，不过感觉大了一点。
-- by yecp -
原创：基于Prototype，利 ...
dojo的gfx封装了canvas,svg,silverlight,vml几种渲 ...
-- by 鹤惊昆仑
评论排行榜