大道至简

2008-03-25

灵活处理select/option对象中的特殊字符

关键字: 特殊字符, select, option, innerhtml, value, text

现在，已经习惯用js去构造网页上的组件，对于普通的下拉框，我们习惯用以下js来构造成页面组件： var select = document.createElement("select"); var option = document.createElement("option"); option.innerHTML = "Option Text"; option.value = "Value"; select.appendChild(option); 这里不能用option.text = "Option Text"来给option定义显示文本，原因很简单：IE在这种 ...

09:54
浏览 (213)
评论 (0)
分类: Ajax/Javascript

2007-11-15

全文显示

利用Javascript向页面中插入TABLE，IE下无法正常显示

关键字: table, appendchild, ie, firefox

在项目中偶然遇到一个怪异的问题，我要利用javascript动态的向一个DIV中插入一些个TABLE，Firefox可以正常显示，而在IE下，无论版本是6或7，均无法看到这个TABLE。但是，如果我直接把TABLE的HTML代码写在页面上，一切都能正常显示。最开始出问题的javascript脚本如下： var div = document.getElementById("container"); var table = document.createElement("table"); div.appendChild(table); v ...

15:50
浏览 (642)
评论 (4)
分类: Ajax/Javascript

2007-10-10

全文显示

诡异的innerHTML

关键字: firefox, ie

今天在现在的项目中，涉及到这样一个案例，我要用innerHTML临时保存一个div中的内容，然后在某种条件满足时，再把这个innerHTML返回给这个div。在这个div中，如果存在有edit的标签，当我重新将保存的内容返回的时候，用Firefox浏览时发现edit里面的内容空空如也！！！同样的应用方式，另外一个div中的edit的内容却能完完整整的恢复，我诧异啊？？？我尝试用IE打开，前后两个div都能正常工作，所有内容都能完璧归赵。赶紧查资料，看代码，最后发现，两个div中的edit的创建方式是不一样的。前一个 ...

15:55
浏览 (288)
评论 (0)
分类: Ajax/Javascript

2007-07-20

全文显示

Dojo的高级运用：Widget的制作

关键字: ajax, dojo, json

在上一篇使用Dojo和JSON构建Ajax应用中，我初步介绍了一下Dojo和JSON，并提供了简单的例子。在这篇文章中，将涉及到Dojo的高级运用之一，利用Dojo的高可扩展性框架来制作widget。在某种意义上来说，widget的模块化开发可以大大的简化我们的工作。什么是Dojo WidgetWidget是一个比较抽象的概念，就我们实际遇到的UI页面来说，按钮、文本框以及滚动条等都是一个个Dojo Widget. 一个Widget可以包含很多个网页元素（如按钮文本等），你可以在一个HTML页面上同时指定多个相同性质的Widget，可以给他们绑定一个事件，自定义他们的行为，甚至可以用它来创 ...

13:03
浏览 (942)
评论 (0)
分类: Ajax/Javascript

2007-07-18

全文显示

使用Dojo和JSON构建Ajax应用

关键字: ajax, dojo, json

简单意义上来说，Ajax可以用来在服务器端和WEB客户端之间交换数据，它是利用JavaScript来装载WEB页面的。更深一层来讲，它可以利用异步JavaScript脚本来避免页面请求刷新，让Request/Response过程更加明了。实现Ajax的方法有很多，最原始的办法是用JavaScript脚本来实现这个过程，此外，我们还可以用比较成熟的功能库，比如说Dojo.Dojo是什么Dojo是一个强大的JavaScript类库，利用它提供的许多简单的API去实现一些比较复杂的页面功能。其中，利用Dojo来实现HTTP Request/Response不能不说是他的一个最大的亮点。除了提供Aja ...