javascript drag&drop beginning

javascript drag&drop beginning 首先我不赞成自己实现拖拽功能,因为比较麻烦, 建议用当下比较流行的一些库,用什么那就看项目需要了, 但是即便用别人的东西也只至少知道原理,所以我们先看看原理吧 如果想自己手动实现拖拽,那么我们先看看都要有哪些工作要做。 1 至少要获得鼠标的坐标吧,不然还干个屁。 2 至少要获得鼠标的动作吧,不然我怎么知道什么时候拖。什么时候停 3 在页 ...
by wangxin0072000 2008-05-11 浏览 (24) 回复 (0)

提高css的可读性(翻译总结)

当你完成了项目后,非常可能马上就忘记了你的项目布局结构。为了在多年后仍然能够理解自己的代码你必须保证良好的代码组织结构。良好的结构降低复杂性,易于管理和维护。然而,怎么样才使良好的结构呢?下面介绍一些技巧供使用。 很多开发者创造性的使用注释和文本格式提高css代码的可读性。这些方式结合css基本语法,更具有可读性的结构,并含有更多的隐含提示信息。 本文介绍了5个技巧提高代码可管理性和可维护性。 ...
by xo_tobacoo 2008-05-07 浏览 (117) 回复 (0)

JS之父再谈JS历史(一)

译自Brendan Eich的Blog上Popularity一文。【】内为我的注。 Popularity 关于流行 It seems (according to one guru, but coming from this source, it's a left-handed compliment) that JavaScript is finally popular. 貌似(根据一位精神导师 ...
by hax 2008-05-07 浏览 (962) 回复 (1)

原创----我的一个小框架

这里写出我自己的一个框架。希望多多指正。我觉得应该也算是一个mvc了吧,是不断的完善到现在,觉得可以拿出来丑丑了,呵呵。这里将主要的部分,如果需要源码的可以给我留言。好了,开始。 先从中间层讲起,也就是mvc中的c,也叫控制器,是整个框架的核心。在前台发送来请求先到web.xml中映射,这个和普通的servlet配置是一样的。 <servlet> <servlet-nam ...
by terryang 2008-04-30 浏览 (109) 回复 (8)

jQuery插件

文件上传(File upload) Ajax File Upload . jQUploader . Multiple File Upload plugin . jQuery File Style . Styling an input type file . Progress Bar Plugin . 表单验证(Form Validation) jQuery Valid ...
by ice-cream 2008-04-28 浏览 (101) 回复 (2)

学习prototype之旅一

prototype.js是什么? 万一你没有使用过大名鼎鼎的prototype.js,那么让我来告诉你,prototype.js是由Sam Stephenson写的一个javascript类库。这个构思奇妙,而且兼容标准的类库,能帮助你轻松建立有高度互动的web2.0特性的富客户端页面。 如果你最近尝试使用它,你大概了解到文档并不是作者的一个强项。和在我以前使用这个类库的不少开发者一样,一开始, ...
by dhaigang 2008-04-28 浏览 (79) 回复 (0)

在JS中如何动态生成一个DOJO WIDGET组件并插入的页面中

我想在页面中设置一个添加按钮,当单击这个按钮时候,而可以动态地添加一个DOJO WIDGET到当前页面中,例如:<div id="imageTab" dojoType="dijit.layout.ContentPane" href="test.html" title="Image"></div>。这里面如果用普通的DOM操作无法实现。在网上查找说利用‘dojo.widget.creat ...
by bojingwen1984 2008-04-28 浏览 (42) 回复 (0)

javaScript DOM特性/方法

❑ DOM的核心: Node 由于DOM是树形结构,所以一个节点被抽象为对象Node,这是DOM的核心对象: Node的种类一共有12种,通过Node.nodeType的取值来确定(为1-12),分为: Node.ELEMENT_NODE (1) Node.ATTRIBUTE_NODE (2) Node.TEXT_NODE (3) //<![CDATA[ ]]>中括着的纯文本 ...
by ice-cream 2008-04-27 浏览 (256) 回复 (3)

树目录结构数据层的设计问题

这两天遇到一个树目录的问题,前台的问题基本上已经确定了,使用dtree,比较不错的一个开源树,可以根据需要添加自己的function。 先说说具体的流程:     用户点击一个书目录节点,可以展开该目录下的所有文件夹,同时把该文件夹以及所有子文件夹下面的文件在右边list出来。这样的话用数据库就必须有很好的设计思路(网上看到一个,下面会提到),不然一个递归循环就得 ...
by terryang 2008-04-26 浏览 (170) 回复 (0)

js的一个问题

问大家一个关于js函数写法的问题: 举一个分页的例子(只是用来测试) 第一种写法: function GoFirstPage()//跳到第一页 { Form.pageCur.value = "1";//设置值,还可以做一些其他操作 Form.submit();//提交表单,下同 } function GoPrevPage()//跳到前一页 { Fo ...
by terryang 2008-04-24 浏览 (68) 回复 (5)

支持绑定多个函数的onDomReady事件

onDomReady比on load要更好,在Ext,mootools的框架里都有类似的实现。但有时我们并不需要这两个js框架,不能因为一个onDomReady就引入其他js,太浪费了。所以自己写了一个。 在IE6,firefox2上测试通过。 <script> (function(){//闭包,保护全局变量 var fns=[]; /** * onDomReady ...
by jasongreen 2008-04-22 浏览 (277) 回复 (0)

javascript 变长参数

javascript 变长参数例子: function loadVars(){ var vars = loadVars.arguments; for (var i = 0; i < vars.length; i++){ alert(vars[i]); } } loadVars('a','b','c');
by jasongreen 2008-04-22 浏览 (377) 回复 (3)

private static member in javascript

原文链接 http://www.litotes.demon.co.uk/js_info/private_static.html 期待简译。 有一些代码,整得有些过了,但还是很值得参考。在jct的代码中看到了类似的用法。 在js中隐藏变量还是有必要的,否则和其他的js库冲突,就会很麻烦,很难找到bug。 贴几段代码,明白人都看得懂。 var MyObject = (function(){ ...
by jasongreen 2008-04-21 浏览 (286) 回复 (0)

html/javascript/css 注释表达式详解

浏览器之间的兼容是个问题,而IE的兼容性尤其严重。下面是我搜集的一些处理html/js/css兼容性问题的好方法。 html 条件注释 <html> <body> <!--[if IE]> 根据条件判断,这是Internet Explorer<br /> <![endif]--> <!--[if IE 5]> 根据条件判断,这是Internet E ...
by jasongreen 2008-04-20 浏览 (363) 回复 (1)

初试javascript template language

如果没有jsp,php,ruby服务器。 但是拥有静态html服务器,怎么样做出一个维护性好的网站呢?答案是javascript 模板 我正在尝试用Javascript 模板来制作国际化html文档。 访问中文网页用 doc.html?locale=zh 访问英文网页用 doc.html?locale=en 感觉非常好。 这是一个优秀的javascript template引擎。 http:// ...
by jasongreen 2008-04-20 浏览 (299) 回复 (2)

动画效果打开关闭图层

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>move</title> <style type="text/css"> body{ font-size ...
by ice-cream 2008-04-16 浏览 (138) 回复 (1)

很炫的图片循环效果

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/Strict.dtd"> <html lang="en"> <head> <style> <!-- body{ ma ...
by ice-cream 2008-04-16 浏览 (167) 回复 (1)

原创:基于Prototype,利用Canvas绘图实现的web流程图设计器(原型)

刚才在首页看到这么个帖子 图形间连线算法 ,说来也巧,最近自己也在做这么个玩意儿,就是在web上拖放图标,然后连线,这段时间也算有点收获,实现了这么个玩意儿,发上来给大家看看,顺便征求点意见。附件是效果图和源码示例。 特点: 1、基于Prototype、Script.aculo.us,利用HTML5的标签Canvas实现,因为ie目前不支持这个,所以引入了google的excanvas库适配到V ...
by 笨笨狗 2008-04-16 浏览 (484) 回复 (9)

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

前几天在一个叫做友财网的地方发现这个好玩的导航,比较喜欢,看了看原始的html代码结构,发现比较臃肿,而且不符合web标准,用了表格来布局,最要命的是在a标签下嵌套了div,大家都知道,inline元素下面是不能包含block元素的:( 对于我这个极端主义分子,还有什么好说的呢,既然喜欢俺就自己做一个得了!因为讨厌无意义的标记,所以考虑用canvas来实现提示框的绘制,因此页面上需要引入goog ...
by 笨笨狗 2008-04-15 浏览 (866) 回复 (5)

请教Mozilla自定义标签的解析的问题。

今天重新考虑JSI装饰引擎的事情。 一个一年多前的老问题: 我在html中嵌入如下自定义标记: <ns:test> <div>test</div> </ns:test> Mozilla 浏览器将解析为: <ns:test></ns:test> <div>test</div> 而不是我们想当然的:<ns:test> <div>test& ...
by jindw 2008-04-14 浏览 (365) 回复 (9)

利用validator.js完成必填内容的红"*"提示

在js中用Validator.Validate($("form1"),3)进行验证. 同时有必填的内容后也要用红"*"进行标识. 1种方法.在必填的输入框后加入红"*",工作量大.难维护. 2种方法.在window的onload事件中加入Validator.Validate($("form1"),4); 完成所有页面的修改. 当然修改下validator.js的代码,将提示的CSS改下(改成小红* ...
by zhxp791008 2008-04-14 浏览 (88) 回复 (0)

第一次整的ajax分页

列可进行配置和自定义渲染方法. 需要prototype.js和一个HashMap的js实现,在JSP中用 //分页的公有方法 function render(parmetersName,tableName,url) { var parmeters = "name="+$(parmetersName).value; var grid = new Grid(tableName,url,parm ...
by zhxp791008 2008-04-14 浏览 (97) 回复 (4)

JS解析测试代码片段

前一日与jindw聊天,谈到了正在研究的JS代码转换。譬如JSA所作的,其实就是一种代码转换。 PIES为了实现namespace(package)的管理,对JavaScript源代码也进行了处理。为了保证效率,所以想方设法只做了最最简单的预处理,也就是对代码段加头加尾,这样只是简单的字符串串接,对于效率是没有影响的。 但是最近在考虑是否有可能支持一些JS2(ES4)的特性,譬如支持let。这 ...
by hax 2008-04-10 浏览 (725) 回复 (7)

用js给input传值

<style> #name{ float:left; height:25px;*height:24px;margin-right:10px;} #btn{ cursor:pointer; background:#a5a5a5; border:1px solid #666666;padding:1px 3px 3px 3px;float:left;} #box{ border:1p ...
by ice-cream 2008-03-27 浏览 (201) 回复 (0)

Scope and Context(2)

1、共享scopesJavascript是一种委托的语言,不用于类继承的语言。我们目的是提供一种在多个scope中共享一组只读的变量。为此我们设置一个对象的原型。当访问javascript的对象的属性时,对象首先根据属性名搜索属性,如果没有找到,则对象原型找到了。继续处理,直到找到对象原型,直到原型链结束了。为了在多个scope中共享信息,我们首先创建希望共享的对象,首先用initStandard ...
by Azi 2008-03-22 浏览 (174) 回复 (2)

Rhino JavaScript---Scope与Context的含义

1、Contexts用来存储线程特定的相关信息,也就是执行环境。每个线程有且只有一个Context,用来执行javascript。Context为了关联当前线程,用Context cx = Context.enter();javascript执行之后,用Context.exit();来退出。而且必须放在finally块中。enter/exit是基于引用计数的,每引用一次,则计数器加1,当计数器为0 ...
by Azi 2008-03-22 浏览 (191) 回复 (0)

JavaScript与Rhino

声明:引用或复制该文章必须注明作者与出处。 声明:任何使用该文档内容必须经过作者的同意。 声明:请点击广告,支持作者原创。 1  概述ECMAScirpt是个基于对象的语言,目的是在宿主环境中进行计算和维护可计算的对象。Script是编程语言,用来维护,定制和已经存在的系统的机制。在这样系统中,已经通过用户界面提供了有用的功能,而script是一种机制,用来暴露该功能,并且能够编程控制, ...
by Azi 2008-03-15 浏览 (330) 回复 (0)

用javascript来充实文档的内容

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q ...
by ice-cream 2008-03-06 浏览 (184) 回复 (0)

第一次见String.replace是这样用的

var str=' <div class="{0}">{1}</div>' var args=['saber','xq'] str=str.replace(/\{(\d+)\}/g, function(m, i){ return args[i]; }) 第二个参数是个方法对象,怎么解释? 引用ECMAScript v3 规定,re ...
by xjtusaber 2008-03-05 浏览 (234) 回复 (0)

javascript美术馆改进版

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q ...
by ice-cream 2008-03-04 浏览 (217) 回复 (0)