一羽的专栏

使用YUI layout时菜单被遮挡问题的解决今天在使用YUI的layout作布局，YUI的menu作菜单时，发生了菜单被其他部分遮挡的问题,布局的代码如下，其中titlebar为菜单，content为页面中间的内容部分，如下的代码菜单会被content部分遮挡。 function initLayout() { var layout = new YAHOO.widge...

最近碰到一个奇怪的问题，记录一下。处理过程是这样的，画面的onload事件中，通过ajax去后台读取数据，在ajax的响应函数中将数据写入一个div的innerHTML，然后卷动这个div一定的距离。示意代码如下（body中onload="init()"）：[code="javascript"]function init() { ... //reques...

在javascript中有几种定义类的方式，以下分别列出并说明了其存在的问题，其中Hybrid constructor/prototype方式是推荐采用的方式。1. Factory定义一个工厂函数，函数中创建新的对象，定义属性及方法，然后返回该对象。以下是一个工厂函数的例子：[code="javascript"]function createCar() { va...

最近在试着用YUI 2.8.1，想到一个将对话框模块化的方法，拿出来分享一下。目的是这样的，假设在我们的应用程序中，有多个页面要使用一个一样的对话框，那么每个页面引入一样的html和js是很不好的实现方式，这时我们可以将对话框的html存储为一个单独的文本文件，在页面中动态地加载这段html到适当的位置，然后再展现。进一步可以将这段js代码抽出来做一个通用的函数，这样要使用该对...

canvas是html5中新增加的元素，可以用来在html中通过javascript绘制图形，处理图像。虽然现在html5还没有正式发布，但firefox 3+，chrome 2.0+，safari 4等都已经支持，ie也可以通过扩展支持该功能关于canvas的简单介绍可以参看这里，其中有很多很好的链接：[url]http://en.wikipedia.org/wiki/C...

YUI3模块已经发布，配套的工具及部件虽然现在还不全，但也计划于2010年全部推出，本人感觉YUI功能比较全面，而且有比较详细的文档，所以一直比较关注，这是本人学习YUI文档的一系列笔记。YUI模块是YUI3中的单一核心，所有需要使用YUI3的页面都必须包含该模块，该模块提供加载功能，可以使用该功能动态加载指定模块，其依赖模块会被自动加载，所以YUI模块可以看成YUI的一个...

Node是用来操作DOM node的工具，实际上每一个Node实例都代表着一个DOM node，每一个NodeList都代表着一组DOM node.从YUI2.x到YUI3.0相关的api发生了一些变化，具体可以参见本文的最后部分。1. 要使用Node，首先要引入YUI3的种子文件：[code="html"][/code] 然后加载相应模块：[code="j...

YUI的Event包可以用来操纵DOM事件，也可以自定义事件。[b]1. 要使用Event，首先要引入YUI3的种子文件：[/b][code="html"][/code] 然后加载相应模块：[code="javascript"]YUI().use('event', function(Y) {});[/code][b]2. 设置事件响应函数:o...

今天碰到一个怪异的需求，用YUI做的表格不要各字段的标题，即下表[table]|姓名|性别|关羽|男|吕布|男|貂蝉|女[/table]要显示为：[table]|关羽|男|吕布|男|貂蝉|女[/table]查了半天API，还就是没找到设置，最后只好用CSS解决：假设你的DataTable是放在里的，就在你的页面里加上以下的style定义就行了...

日前做一个用户权限管理的页面，权限是一个树形结构，每个节点前是一checkbox，其状态表示用户是否具有该权限，当切换用户时，根据选择用户的权限设置树形的相应节点，保存时根据当前用户的选中情况保存数据。画面如下：[img]http://dl.iteye.com/upload/attachment/306901/0bb3402c-b05c-3b48-a0bd-7528ad8fa7...

eclipse中引入yui报错，关闭validation后不起作用，网上找到这篇文章Question:The validation in Eclipse is catching what it deems "errors" in the framework I've been using just fine.Project -> Properties -> Val...

ExtJs提供了绘制图表的功能，可以绘制折线图、条形图和饼图。这里是一个从servlet获取数据绘制折线图和饼图的例子。下图是最后的结果：[img]/upload/attachment/134416/75cc0179-504c-3f75-abeb-5e29f17099b4.jpg[/img]客户端html代码如下:[code="html"]chart dem...

有时候我们不希望一开始就取得整个树的数据然后初始化树，而是希望只取得一小部分数据，随着用户对树的操作，在需要的时候再从服务器取得后续的数据，展现相应的树结构，使用ExtJS的有关组件，我们可以很方便地做到这一步。客户端的代码如下：[code="js"]Ext.onReady(function() { var root = new Ext.tree.AsyncTreeNode...

这两天因工作需要做了一个网页分割条，期间碰到不少问题，好在最后都解决了，最后版本在ie8和firefox3.5上都能流畅运行，现总结一下：1. 拖动分割条的一个问题是要把鼠标的移动和释放事件不间断地捕获到并进行处理，当鼠标快速移动时，要保证即使鼠标移出了分割条，进入页面其他元素的范围内，这些事件也能被捕获到并进行相应的处理。在ie中，这需要使用setCapture()方法，...

Base是一个基础类，通过继承Base可以以一种统一的方式创建自己的具有新的属性、并可作为事件目的(Event target)的类。[b]1. 要使用Base，首先要引入YUI3的种子文件：[/b][code="html"][/code] 然后加载相应模块：[code="javascript"]YUI().use('base', function(Y) {}...

Attribute类用于向一个类添加属性，它给类增加了set和get函数用于操作属性值，同时还支持change事件以便监视属性的变化，此外，还可以自定义属性的setter、getter和校验方法，可以定义属性为只读或者一次写（write-once）1. 要使用Attribute，首先要引入YUI3的种子文件：[code="html"][/code] 然后加载相应...

近日使用YUI的Calendar，发现默认日历显示的都是英文，找了找文档发现有本地化的方法，试了试还挺简单的。但是有一个问题没解决，就是想把星期的顺序从周日-周六改为周一-周日，没找到相应的改法，哪位大侠发现了改法麻烦告诉一声。本地化之前是这个样子的：[img]/upload/attachment/65934/3e4b83ad-feb3-3457-b4ce-7c03205aa7...

本文是Learning JQuery的学习笔记 1. $() $('p') 所有的 $('#some-id') id是some-id的元素 $('.some-class') class是some-class的所有元素 2. CSS selectort $('#some-id > li') id是some...

本文是Learning JQuery的学习笔记 1. $(document).ready() $().ready() $() 2. bind('click', function) 也可以这样： $('#switcher .button').click(function() { ... } 3. Event Handler Co...

本文是Learning JQuery的学习笔记1. .css() .css('backgroundColor') .css('property','value') .css({property1:'value1','property-2':'value2'}) 2. hide() show() 3. show('slow') show('normal') s...

本文是Learning JQuery的学习笔记1. attr(), removeAttr() $thisLink.attr({ 'rel': 'external', 'id': 'wikilink-' + index, 'title': 'learn more about ' + $thisLink.text() + ' at Wikipedia' });...

1. 添加HTML $('#dictionary').load('a.html') 2. 处理JSON数据 $.getJSON() JSON数据为： [ { "term": "BACCHUS", "part": "n.", "definition": "A convenient deity invented by the ancients as.

在企业应用中一般需要根据登录用户的身份动态生成系统菜单，本文演示了使用Smooth Navigational Menu插件，通过ajax技术，从后台获取数据动态生成菜单的方法。其中前台使用的Smooth Navigational Menu是一jquery插件，后台使用Struts的Action与其交互。Smooth Navigational Menu的主页为：http://www.dyna...

今天找到一段检测浏览器支持的javascript版本的代码，感觉还有点用，保留一下。[code="html"]检测浏览器支持的javascript版本var jsver = 1.0;jsver = 1.1;jsver = 1.2;jsver = 1.3;jsver = 1.4;jsver = 1...

 bootstrap这么火，就是fuelux又是同一家推出的一组控件，所以就试着使用了一下fuelux，第一个用的就是tree，谁知这个tree就让我废了好几天功夫，不过最后总算搞定了，鉴于百度不到什么有用的东西，就简单写一下我的心得吧 fuelux的官方文档写的很简单，tree要提供一个dataSource如下： dataSource = function(parentDa...