JavaScript资料,JavaScript文章,JavaScript文档-易库教程

学习YUI.Ext 第七天--关于View&JSONView

2017年02月06日 33 阅读

展现一条一条的二维关系的数据，我们可以使用GIRD组件。但有些场合，如产品展示，画册，我们可以使用View组件，来展示“矩阵”式的数据。 View的数据源来自DataModel对象，即包含XMLDataModel和JSONDataModel。尽管View支持JSON,但如果不是用于DataModel，View的子类JSONView更适用，因为它提供更多的事件和方法。一般来说，View用于XML数据源；JSONView用于JSON数据源。View如何工作？...

学习YUI.Ext 第六天--关于树TreePanel（Part 2异步获取节点）

2017年02月06日 33 阅读

下面将介绍如何异步取一棵树的所有节点，具体做法与官方同步取节点有很大不同，尤其在json的id属性上，下面是我一些摸索，可能不是最佳方案，有待大家一起研究。异步取节点的思路是这样的： 1、先定义一个初始化节点（也可以不定义，看个人需求） 2、yui-ext根据该节点id请求服务器，获得子节点各属性 3、循环特点：可以在上一级目录中，在服务器端预先将该节点是否有子节点读好（json中的isLeaf属性），虽然但数据库将多承担一些压力，但用个count（*...

学习YUI.Ext第七日-View&JSONView Part Two-一个画室网站的案例

2017年02月06日 30 阅读

之前在Part 1简单介绍了Veiw和JSONView。今天这里小弟为大家说说应用的案例，原本Jack的Image Chooser是一个非常好的案例，当中包含Jack大量的奇技淫巧，不过正因为这样，过于深奥，小弟我亦不能全盘吃透，只挑其“勃大茎深”之处，与君共勉之！本文包含四大知识点：1.在LayoutDialog中加入Tabs；2.View的使用方式；3.JSONView的使用方式;4.获取XML/JSON的fields值与分页演示地址【View之定义】...

对YUI扩展的Gird组件 Part-1

2017年02月06日 31 阅读

原文地址文章日期：2006/9/26新版的GIRD可以支持远程数据了。分页和远程排序的设置是通俗易懂的，另外一些常用的自定义的参数我会在这篇贴子中说明一下。新论坛的界面（在建设中）就是一个分页和远程排序的好例子，而本文的代码均来自那个例子。新方法和属性利用LoadableDatatModel对象（XMLDataModel和JSONDataModel的父类）实现分页和远程排序，有若干种的新方法和属性。下列变量“dm”指的是DataModel的实例。方法i...

对YUI扩展的Gird组件 Part-2

2017年02月06日 34 阅读

原文在这里文章日期：2006-9-2代码在这里 Q:unknown {content: ""}Q:unknown {content: ""}.ygrid-cell-text {PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; FONT: 8pt arial; OVERFLOW: hidden; PADDING-TOP: 3px; WHITE-SPACE:...

Gird组件 Part-3:范例RSSFeed Viewer

2017年02月06日 33 阅读

原文地址文章日期：2006/09/04新组件Gird包含了许多的类和继承方法。如果读者不是太熟悉的面向对象开发的话，可能会对一个变量如何从某个类得到继承的方法感到困惑，用起GIRD来感到困难。在YAHOO.ext.gird包中，大多数类是设计成为“即插即用plug and play”的,可扩展的extended和可自定义的customized,能以最小量的代码插入轻松到web程序中。要测试和创建一个实现gird的范例，我决定做一个简单的，只有一页的RSS...

Gird事件机制初级读本

2017年02月06日 35 阅读

原文地址文章日期：2006/09/25/新版.32 的YUI-EXT包含了GIRD事件机制的重要升级。许多新事件现在可以用了，监听事件的机制也改变了（尽管它仍然向后兼容）。侦听事件的方法鉴于 YAHOO.util.CustomEvent只提供简单的访问，Grid和相关的对象扩展了新的方法来侦听事件，这些事件你应该是熟悉的。它们是：addListener（eventName, fn, scope, override） - "eventName" shoul...

为Yahoo！ UI Extensions Grid增加内置的可编辑器

2017年02月06日 34 阅读

原文地址文章日期：2006/9/10对YUI-EXT GIRD功能需求最强烈的是内置可编辑的支持。市场上大多数收费的JAVASCRIPT GIRD，我看过的那些可编辑支持，并没有给我留下太深的印象。它给你一个基本的TEXT FIELD，一些CHECKBOXS或者是Select fields,这导致了你一边单击某个字段在编辑，另一边厢插入一个FORM到这个单元格之中，不知不觉地，会出现越来越多编辑过的“脚印footprint",尤其是IE，在很多行的情况下...

可缩放Reloaded-一个针对可缩放元素的复用组件

2017年02月06日 32 阅读

原文地址：http://www.jackslocum.com/blog/2006/11/24/resizable-reloaded/这些范例展示了元素如何应用了一个浮动（默认）和装上可缩放的组件。查看 basic.js 完整代码。基本范例这是个简单的可缩放的范例。在矩形附近可调节大小。这个例子采用了“浮动”的默认处理。Resize Me！ var basic = new YAHOO.ext.Resizable（"basic", {width: 200,he...

如何简单地用YUI做JavaScript动画

2017年02月06日 35 阅读

原文地址：http://www.jackslocum.com/blog/2006/08/24/javascript-animations-with-yahoo-ui-made-easy/YUI的动画类简直就是一门艺术工作。不像其它的传统的JS库，提供了已经“预设好”的直接可运行的效果，相反，它由开发者做自己喜欢的。在这点，我比较喜欢适当地运行一些动画和变换效果，越多越好。按照这么地说，也会有个问题。动画API是非常“底层”的工作,而且需要您花时间去弄的，...

简单三步，搞掂内存泄漏

2017年02月06日 33 阅读

原文地址：http://www.jackslocum.com/blog/2006/10/02/3-easy-steps-to-avoid-javascript-memory-leaks/你可能还未知道，你浏览的大多数的js网站，会引起内存泄漏。听起来有点夸张，但这是事实，难道我会骗你吗？泄漏监视器Leak Monitor这是个方便的FireFox扩展，当你离开那页的时候它便会指向JavsScript对象，如果出现泄漏的话会弹出一个窗口显示细节内容，而且能...

可以文本显示的公告栏的js代码

2017年02月06日 32 阅读

一个可以文本显示的公告栏，可以在多处使用，绝对不可错过！脚本说明: 第一步：把如下代码加入<head>区域中 <scriptlanguage="JavaScript"> <！--ActivateCloakingDevice vari=0; //usedtocyclethrumessages varTextNumber=-1; //arrayofmessages varTextInput=newObject（）; //used...

（function（）{}）（）的用法与优点

2017年02月06日 33 阅读

在google的ad的js里面，发现有类似这样的语句 //我用alert（"test"）代替里面的语句（function（）{alert（"test"）}）（）测试了一下，类似直接执行 alert（"test"）那这个用法是有什么好处么？希望大家说一下啊！ functionxx（）{...} 相当于 varxx; xx=function（）{...} function（）{....}返回一个Function对象（Function对象）（）就是调用该...

JS层移支示例代码

2017年02月06日 34 阅读

课程安排 LABEL { CURSOR: hand; COLOR: lightblue; TEXT-DECORATION: underline } var newObj=null; DragObject.prototype.bind=bindToCell;//把拖动元素绑定到单元格 function bindToCell（cell）{ if （cell==null） return; this.cell=cell; absoluteMove（th...

如何在Web页面上直接打开、编辑、创建Office文档

2017年02月06日 36 阅读

如何在Web页面上直接打开、编辑、创建Office文档有朋友询问如何在Web页面上做到像SharePoint中的效果一样，能直接激活客户端的Word来打开.doc文件，而不是类似直接点击.doc文档链接时Word在IE中被打开那样。想想这个问题应该很多人都会感兴趣，所以干脆写一篇blog来大致描述一下方法。在安装Office2003以后，有一个ActiveX控件被安装到了系统中，这个控件位于“ProgramFilesMicrosoftOfficeOFF...

网页中实现浏览器的最大，最小化和关闭按钮

2017年02月06日 31 阅读

网页中实现浏览器的最大，最小化和关闭按钮选择自AppleBBS的Blog 关键字网页中实现浏览器的最大，最小化和关闭按钮出处 <html> <head> <title>测试页面</title> <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"> </head> <body> <OBJEC...

js与自动伸缩图片自动缩小图片的多浏览器兼容的方法总结 <font color=red>原创</font>

2017年02月06日 30 阅读

最近做一个图片的自动缩小效果,发现一直用的js,竟然在firefox下无法正常啊,导致页面变形.所以自己写了个兼容性一般的代码,大家可以来讨论下原来我用的是从pjblog上的复制代码代码如下://查找网页内宽度太大的图片进行缩放以及PNG纠正 functionReImgSize（）{ for（i=0;i<document.images.length;i++） { if（document.all）{ if（document.images[i].wid...

图片自动缩小的js代码,用以防止图片撑破页面

2017年02月06日 34 阅读

JS代码（随便放哪里）: <scriptlanguage="JavaScript"> <！-- varflag=false; functionDrawImage（ImgD）{ varimage=newImage（）; image.src=http://www.jb51.net/htmldata/2006-01-08/ImgD.src; if（image.width>0&&image.height>0）{ flag=true; ...

收藏一些不常用，但是有用的代码

2017年02月06日 34 阅读

<inputtype=buttonvalue=导入收藏夹onclick="window.external.ImportExportFavorites（true,"http://localhost"）;"/> <inputtype=buttonvalue=导出收藏夹onclick="window.external.ImportExportFavorites（false,"http://localhost"）;"/> <input...

解决 firefox 不支持 document.all的方法

2017年02月06日 28 阅读

今天为Kinoko-World写v2版，遇到了点js的小问题。document.all在firefox下不支持，上网搜索了一下，用document.getElementsByTagName（"*"）替代就OK了。 getElementsByTagName（"*"）可以得到得到所有元素的集合 getElemntById可以按id得到某一元素 getElementsByName可以得到按name属性得到某一元素 getElementById效果更好啊...

首页 / 脚本样式 / JavaScript

学习YUI.Ext 第七天--关于View&amp;JSONView

学习YUI.Ext 第六天--关于树TreePanel（Part 2异步获取节点）

学习YUI.Ext第七日-View&amp;JSONView Part Two-一个画室网站的案例

对YUI扩展的Gird组件 Part-1

对YUI扩展的Gird组件 Part-2

Gird组件 Part-3:范例RSSFeed Viewer

Gird事件机制初级读本

为Yahoo！ UI Extensions Grid增加内置的可编辑器

可缩放Reloaded-一个针对可缩放元素的复用组件

如何简单地用YUI做JavaScript动画

简单三步，搞掂内存泄漏

可以文本显示的公告栏的js代码

（function（）{}）（）的用法与优点

JS层移支示例代码

如何在Web页面上直接打开、编辑、创建Office文档

网页中实现浏览器的最大，最小化和关闭按钮

js与自动伸缩图片 自动缩小图片的多浏览器兼容的方法总结 <font color=red>原创</font>

图片自动缩小的js代码,用以防止图片撑破页面

收藏一些不常用，但是有用的代码

解决 firefox 不支持 document.all的方法

学习YUI.Ext 第七天--关于View&JSONView

学习YUI.Ext第七日-View&JSONView Part Two-一个画室网站的案例

js与自动伸缩图片自动缩小图片的多浏览器兼容的方法总结 <font color=red>原创</font>