(function(){
// Copyright (c) 2009, Baidu Inc. All rights reserved.
//
// Licensed under the BSD License
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://tangram.baidu.com/license.html
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS-IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* @namespace T Tangram七巧板
* @name T
* @version 1.3.9
*/
/**
* 声明baidu包
* @author: allstar, erik, meizz, berg
*/
var T,
baidu = T = baidu || {version: "1.3.9"};
window.TT = T;
//提出guid，防止在与老版本Tangram混用时
//在下一行错误的修改window[undefined]
baidu.guid = "$BAIDU$";
//Tangram可能被放在闭包中
//一些页面级别唯一的属性，需要挂载在window[baidu.guid]上
window[baidu.guid] = window[baidu.guid] || {};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/ajax.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/11/13
*/
/**
* @namespace baidu.ajax 对XMLHttpRequest请求的封装。
*/
baidu.ajax = baidu.ajax || {};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/fn.js
* author: berg
* version: 1.0.0
* date: 2010/11/02
*/
/**
* @namespace baidu.fn 对方法的操作，解决内存泄露问题。
*/
baidu.fn = baidu.fn || {};
/*
* Tangram
* Copyright 2011 Baidu Inc. All rights reserved.
*/
/**
* 这是一个空函数，用于需要排除函数作用域链干扰的情况.
* @author rocy
* @name baidu.fn.blank
* @function
* @grammar baidu.fn.blank()
* @meta standard
* @version 1.3.3
*/
baidu.fn.blank = function () {};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 发送一个ajax请求
* @author: allstar, erik, berg
* @name baidu.ajax.request
* @function
* @grammar baidu.ajax.request(url[, options])
* @param {string} url 发送请求的url
* @param {Object} opt_options 发送请求的选项参数
* @config {String} [method] 请求发送的类型。默认为GET
* @config {Boolean} [async] 是否异步请求。默认为true（异步）
* @config {String} [data] 需要发送的数据。如果是GET请求的话，不需要这个属性
* @config {Object} [headers] 要设置的http request header
* @config {number} [timeout] 超时时间，单位ms
* @config {String} [username] 用户名
* @config {String} [password] 密码
* @config {Function} [onsuccess] 请求成功时触发，function(XMLHttpRequest xhr, string responseText)。
* @config {Function} [onfailure] 请求失败时触发，function(XMLHttpRequest xhr)。
* @config {Function} [onbeforerequest] 发送请求之前触发，function(XMLHttpRequest xhr)。
* @config {Function} [on{STATUS_CODE}] 当请求为相应状态码时触发的事件，如on302、on404、on500，function(XMLHttpRequest xhr)。3XX的状态码浏览器无法获取，4xx的，可能因为未知问题导致获取失败。
* @config {Boolean} [noCache] 是否需要缓存，默认为false（缓存），1.1.1起支持。
*
* @meta standard
* @see baidu.ajax.get,baidu.ajax.post,baidu.ajax.form
*
* @returns {XMLHttpRequest} 发送请求的XMLHttpRequest对象
*/
baidu.ajax.request = function (url, opt_options) {
var options = opt_options || {},
data = options.data || "",
async = !(options.async === false),
username = options.username || "",
password = options.password || "",
method = (options.method || "GET").toUpperCase(),
headers = options.headers || {},
// 基本的逻辑来自lili同学提供的patch
timeout = options.timeout || 0,
eventHandlers = {},
tick, key, xhr;
/**
* readyState发生变更时调用
*
* @ignore
*/
function stateChangeHandler() {
if (xhr.readyState == 4) {
try {
var stat = xhr.status;
} catch (ex) {
// 在请求时，如果网络中断，Firefox会无法取得status
fire('failure');
return;
}
fire(stat);
// http://www.never-online.net/blog/article.asp?id=261
// case 12002: // Server timeout
// case 12029: // dropped connections
// case 12030: // dropped connections
// case 12031: // dropped connections
// case 12152: // closed by server
// case 13030: // status and statusText are unavailable
// IE error sometimes returns 1223 when it
// should be 204, so treat it as success
if ((stat >= 200 && stat < 300)
|| stat == 304
|| stat == 1223) {
fire('success');
} else {
fire('failure');
}
/*
* NOTE: Testing discovered that for some bizarre reason, on Mozilla, the
* JavaScript XmlHttpRequest.onreadystatechange handler
* function maybe still be called after it is deleted. The theory is that the
* callback is cached somewhere. Setting it to null or an empty function does
* seem to work properly, though.
*
* On IE, there are two problems: Setting onreadystatechange to null (as
* opposed to an empty function) sometimes throws an exception. With
* particular (rare) versions of jscript.dll, setting onreadystatechange from
* within onreadystatechange causes a crash. Setting it from within a timeout
* fixes this bug (see issue 1610).
*
* End result: *always* set onreadystatechange to an empty function (never to
* null). Never set onreadystatechange from within onreadystatechange (always
* in a setTimeout()).
*/
window.setTimeout(
function() {
// 避免内存泄露.
// 由new Function改成不含此作用域链的 baidu.fn.blank 函数,
// 以避免作用域链带来的隐性循环引用导致的IE下内存泄露. By rocy 2011-01-05 .
xhr.onreadystatechange = baidu.fn.blank;
if (async) {
xhr = null;
}
}, 0);
}
}
/**
* 获取XMLHttpRequest对象
*
* @ignore
* @return {XMLHttpRequest} XMLHttpRequest对象
*/
function getXHR() {
if (window.ActiveXObject) {
try {
return new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
return new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (window.XMLHttpRequest) {
return new XMLHttpRequest();
}
}
/**
* 触发事件
*
* @ignore
* @param {String} type 事件类型
*/
function fire(type) {
type = 'on' + type;
var handler = eventHandlers[type],
globelHandler = baidu.ajax[type];
// 不对事件类型进行验证
if (handler) {
if (tick) {
clearTimeout(tick);
}
if (type != 'onsuccess') {
handler(xhr);
} else {
//处理获取xhr.responseText导致出错的情况,比如请求图片地址.
try {
xhr.responseText;
} catch(error) {
return handler(xhr);
}
handler(xhr, xhr.responseText);
}
} else if (globelHandler) {
//onsuccess不支持全局事件
if (type == 'onsuccess') {
return;
}
globelHandler(xhr);
}
}
for (key in options) {
// 将options参数中的事件参数复制到eventHandlers对象中
// 这里复制所有options的成员，eventHandlers有冗余
// 但是不会产生任何影响，并且代码紧凑
eventHandlers[key] = options[key];
}
headers['X-Requested-With'] = 'XMLHttpRequest';
try {
xhr = getXHR();
if (method == 'GET') {
if (data) {
url += (url.indexOf('?') >= 0 ? '&' : '?') + data;
data = null;
}
if(options['noCache'])
url += (url.indexOf('?') >= 0 ? '&' : '?') + 'b' + (+ new Date) + '=1';
}
if (username) {
xhr.open(method, url, async, username, password);
} else {
xhr.open(method, url, async);
}
if (async) {
xhr.onreadystatechange = stateChangeHandler;
}
// 在open之后再进行http请求头设定
// FIXME 是否需要添加; charset=UTF-8呢
if (method == 'POST') {
xhr.setRequestHeader("Content-Type",
(headers['Content-Type'] || "application/x-www-form-urlencoded"));
}
for (key in headers) {
if (headers.hasOwnProperty(key)) {
xhr.setRequestHeader(key, headers[key]);
}
}
fire('beforerequest');
if (timeout) {
tick = setTimeout(function(){
xhr.onreadystatechange = baidu.fn.blank;
xhr.abort();
fire("timeout");
}, timeout);
}
xhr.send(data);
if (!async) {
stateChangeHandler();
}
} catch (ex) {
fire('failure');
}
return xhr;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/ajax/form.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* 将一个表单用ajax方式提交
* @name baidu.ajax.form
* @function
* @grammar baidu.ajax.form(form[, options])
* @param {HTMLFormElement} form 需要提交的表单元素
* @param {Object} [options] 发送请求的选项参数
* @config {Boolean} [async] 是否异步请求。默认为true（异步）
* @config {String} [username] 用户名
* @config {String} [password] 密码
* @config {Object} [headers] 要设置的http request header
* @config {Function} [replacer] 对参数值特殊处理的函数,replacer(string value, string key)
* @config {Function} [onbeforerequest] 发送请求之前触发，function(XMLHttpRequest xhr)。
* @config {Function} [onsuccess] 请求成功时触发，function(XMLHttpRequest xhr, string responseText)。
* @config {Function} [onfailure] 请求失败时触发，function(XMLHttpRequest xhr)。
* @config {Function} [on{STATUS_CODE}] 当请求为相应状态码时触发的事件，如on302、on404、on500，function(XMLHttpRequest xhr)。3XX的状态码浏览器无法获取，4xx的，可能因为未知问题导致获取失败。
* @see baidu.ajax.request
*
* @returns {XMLHttpRequest} 发送请求的XMLHttpRequest对象
*/
baidu.ajax.form = function (form, options) {
options = options || {};
var elements = form.elements,
len = elements.length,
method = form.getAttribute('method'),
url = form.getAttribute('action'),
replacer = options.replacer || function (value, name) {
return value;
},
sendOptions = {},
data = [],
i, item, itemType, itemName, itemValue,
opts, oi, oLen, oItem;
/**
* 向缓冲区添加参数数据
* @private
*/
function addData(name, value) {
data.push(name + '=' + value);
}
// 复制发送参数选项对象
for (i in options) {
if (options.hasOwnProperty(i)) {
sendOptions[i] = options[i];
}
}
for (i = 0; i < len; i++) {
item = elements[i];
itemName = item.name;
// 处理：可用并包含表单name的表单项
if (!item.disabled && itemName) {
itemType = item.type;
itemValue = item.value;
switch (itemType) {
// radio和checkbox被选中时，拼装queryString数据
case 'radio':
case 'checkbox':
if (!item.checked) {
break;
}
// 默认类型，拼装queryString数据
case 'textarea':
case 'text':
case 'password':
case 'hidden':
case 'select-one':
addData(itemName, replacer(itemValue, itemName));
break;
// 多行选中select，拼装所有选中的数据
case 'select-multiple':
opts = item.options;
oLen = opts.length;
for (oi = 0; oi < oLen; oi++) {
oItem = opts[oi];
if (oItem.selected) {
addData(itemName, replacer(oItem.value, itemName));
}
}
break;
}
}
}
// 完善发送请求的参数选项
sendOptions.data = data.join('&');
sendOptions.method = form.getAttribute('method') || 'GET';
// 发送请求
return baidu.ajax.request(url, sendOptions);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/ajax/get.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* 发送一个get请求
* @name baidu.ajax.get
* @function
* @grammar baidu.ajax.get(url[, onsuccess])
* @param {string} url 发送请求的url地址
* @param {Function} [onsuccess] 请求成功之后的回调函数，function(XMLHttpRequest xhr, string responseText)
* @meta standard
* @see baidu.ajax.post,baidu.ajax.request
*
* @returns {XMLHttpRequest} 发送请求的XMLHttpRequest对象
*/
baidu.ajax.get = function (url, onsuccess) {
return baidu.ajax.request(url, {'onsuccess': onsuccess});
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/ajax/post.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* 发送一个post请求
* @name baidu.ajax.post
* @function
* @grammar baidu.ajax.post(url, data[, onsuccess])
* @param {string} url 发送请求的url地址
* @param {string} data 发送的数据
* @param {Function} [onsuccess] 请求成功之后的回调函数，function(XMLHttpRequest xhr, string responseText)
* @meta standard
* @see baidu.ajax.get,baidu.ajax.request
*
* @returns {XMLHttpRequest} 发送请求的XMLHttpRequest对象
*/
baidu.ajax.post = function (url, data, onsuccess) {
return baidu.ajax.request(
url,
{
'onsuccess': onsuccess,
'method': 'POST',
'data': data
}
);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/array.js
* author: erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* @namespace baidu.array 操作数组的方法。
*/
baidu.array = baidu.array || {};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/array/indexOf.js
* author: erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* 查询数组中指定元素的索引位置
* @name baidu.array.indexOf
* @function
* @grammar baidu.array.indexOf(source, match[, fromIndex])
* @param {Array} source 需要查询的数组
* @param {Any} match 查询项
* @param {number} [fromIndex] 查询的起始位索引位置，如果为负数，则从source.length+fromIndex往后开始查找
* @see baidu.array.find,baidu.array.lastIndexOf
*
* @returns {number} 指定元素的索引位置，查询不到时返回-1
*/
baidu.array.indexOf = function (source, match, fromIndex) {
var len = source.length,
iterator = match;
fromIndex = fromIndex | 0;
if(fromIndex < 0){//小于0
fromIndex = Math.max(0, len + fromIndex)
}
for ( ; fromIndex < len; fromIndex++) {
if(fromIndex in source && source[fromIndex] === match) {
return fromIndex;
}
}
return -1;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 判断一个数组中是否包含给定元素
* @name baidu.array.contains
* @function
* @grammar baidu.array.contains(source, obj)
* @param {Array} source 需要判断的数组.
* @param {Any} obj 要查找的元素.
* @return {boolean} 判断结果.
* @author berg
*/
baidu.array.contains = function(source, obj) {
return (baidu.array.indexOf(source, obj) >= 0);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/array/each.js
* author: erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* 遍历数组中所有元素
* @name baidu.array.each
* @function
* @grammar baidu.array.each(source, iterator[, thisObject])
* @param {Array} source 需要遍历的数组
* @param {Function} iterator 对每个数组元素进行调用的函数，该函数有两个参数，第一个为数组元素，第二个为数组索引值，function (item, index)。
* @param {Object} [thisObject] 函数调用时的this指针，如果没有此参数，默认是当前遍历的数组
* @remark
* each方法不支持对Object的遍历,对Object的遍历使用baidu.object.each 。
* @shortcut each
* @meta standard
*
* @returns {Array} 遍历的数组
*/
baidu.each = baidu.array.forEach = baidu.array.each = function (source, iterator, thisObject) {
var returnValue, item, i, len = source.length;
if ('function' == typeof iterator) {
for (i = 0; i < len; i++) {
item = source[i];
//TODO
//此处实现和标准不符合，标准中是这样说的：
//If a thisObject parameter is provided to forEach, it will be used as the this for each invocation of the callback. If it is not provided, or is null, the global object associated with callback is used instead.
returnValue = iterator.call(thisObject || source, item, i);
if (returnValue === false) {
break;
}
}
}
return source;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 清空一个数组
* @name baidu.array.empty
* @function
* @grammar baidu.array.empty(source)
* @param {Array} source 需要清空的数组.
* @author berg
*/
baidu.array.empty = function(source) {
source.length = 0;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 判断一个数组中是否所有元素都满足给定条件
* @name baidu.array.every
* @function
* @grammar baidu.array.every(source, iterator[,thisObject])
* @param {Array} source 需要判断的数组.
* @param {Function} iterator 判断函数.
* @param {Object} [thisObject] 函数调用时的this指针，如果没有此参数，默认是当前遍历的数组
* @return {boolean} 判断结果.
* @see baidu.array.some
*/
baidu.array.every = function(source, iterator, thisObject) {
var i = 0,
len = source.length;
for (; i < len; i++) {
if (i in source && !iterator.call(thisObject || source, source[i], i)) {
return false;
}
}
return true;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 从数组中筛选符合条件的元素
* @name baidu.array.filter
* @function
* @grammar baidu.array.filter(source, iterator[, thisObject])
* @param {Array} source 需要筛选的数组
* @param {Function} iterator 对每个数组元素进行筛选的函数，该函数有两个参数，第一个为数组元素，第二个为数组索引值，function (item, index)，函数需要返回true或false
* @param {Object} [thisObject] 函数调用时的this指针，如果没有此参数，默认是当前遍历的数组
* @meta standard
* @see baidu.array.find
*
* @returns {Array} 符合条件的数组项集合
*/
baidu.array.filter = function (source, iterator, thisObject) {
var result = [],
resultIndex = 0,
len = source.length,
item,
i;
if ('function' == typeof iterator) {
for (i = 0; i < len; i++) {
item = source[i];
//TODO
//和标准不符，see array.each
if (true === iterator.call(thisObject || source, item, i)) {
// resultIndex用于优化对result.length的多次读取
result[resultIndex++] = item;
}
}
}
return result;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/array/find.js
* author: erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* 从数组中寻找符合条件的第一个元素
* @name baidu.array.find
* @function
* @grammar baidu.array.find(source, iterator)
* @param {Array} source 需要查找的数组
* @param {Function} iterator 对每个数组元素进行查找的函数，该函数有两个参数，第一个为数组元素，第二个为数组索引值，function (item, index)，函数需要返回true或false
* @see baidu.array.filter,baidu.array.indexOf
*
* @returns {Any|null} 符合条件的第一个元素，找不到时返回null
*/
baidu.array.find = function (source, iterator) {
var item, i, len = source.length;
if ('function' == typeof iterator) {
for (i = 0; i < len; i++) {
item = source[i];
if (true === iterator.call(source, item, i)) {
return item;
}
}
}
return null;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 将两个数组参数合并成一个类似hashMap结构的对象，这个对象使用第一个数组做为key，使用第二个数组做为值，如果第二个参数未指定，则把对象的所有值置为true。
* @name baidu.array.hash
* @function
* @grammar baidu.array.hash(keys[, values])
* @param {Array} keys 作为key的数组
* @param {Array} [values] 作为value的数组，未指定此参数时，默认值将对象的值都设为true。
*
* @returns {Object} 合并后的对象{key : value}
*/
baidu.array.hash = function(keys, values) {
var o = {}, vl = values && values.length, i = 0, l = keys.length;
for (; i < l; i++) {
o[keys[i]] = (vl && vl > i) ? values[i] : true;
}
return o;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/array/lastIndexOf.js
* author: erik
* version: 1.1.0
* date: 2009/11/14
*/
/**
* 从后往前，查询数组中指定元素的索引位置
* @name baidu.array.lastIndexOf
* @function
* @grammar baidu.array.lastIndexOf(source, match)
* @param {Array} source 需要查询的数组
* @param {Any} match 查询项
* @param {number} [fromIndex] 查询的起始位索引位置，如果为负数，则从source.length+fromIndex往前开始查找
* @see baidu.array.indexOf
*
* @returns {number} 指定元素的索引位置，查询不到时返回-1
*/
baidu.array.lastIndexOf = function (source, match, fromIndex) {
var len = source.length;
fromIndex = fromIndex | 0;
if(!fromIndex || fromIndex >= len){
fromIndex = len - 1;
}
if(fromIndex < 0){
fromIndex += len;
}
for(; fromIndex >= 0; fromIndex --){
if(fromIndex in source && source[fromIndex] === match){
return fromIndex;
}
}
return -1;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 遍历数组中所有元素，将每一个元素应用方法进行转换，并返回转换后的新数组。
* @name baidu.array.map
* @function
* @grammar baidu.array.map(source, iterator[, thisObject])
* @param {Array} source 需要遍历的数组.
* @param {Function} iterator 对每个数组元素进行处理的函数.
* @param {Object} [thisObject] 函数调用时的this指针，如果没有此参数，默认是当前遍历的数组
* @return {Array} map后的数组.
* @see baidu.array.reduce
*/
baidu.array.map = function(source, iterator, thisObject) {
var results = [],
i = 0,
l = source.length;
for (; i < l; i++) {
results[i] = iterator.call(thisObject || source, source[i], i);
}
return results;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 遍历数组中所有元素，将每一个元素应用方法进行合并，并返回合并后的结果。
* @name baidu.array.reduce
* @function
* @grammar baidu.array.reduce(source, iterator[, initializer])
* @param {Array} source 需要遍历的数组.
* @param {Function} iterator 对每个数组元素进行处理的函数，函数接受四个参数：上一次reduce的结果（或初始值），当前元素值，索引值，整个数组.
* @param {Object} [initializer] 合并的初始项，如果没有此参数，默认用数组中的第一个值作为初始值.
* @return {Array} reduce后的值.
* @version 1.3.4
* @see baidu.array.reduce
*/
baidu.array.reduce = function(source, iterator, initializer) {
var i = 0,
l = source.length,
found = 0;
if( arguments.length < 3){
//没有initializer的情况，找到第一个可用的值
for(; i < l; i++){
initializer = source[i++];
found = 1;
break;
}
if(!found){
return ;
}
}
for (; i < l; i++) {
if( i in source){
initializer = iterator(initializer, source[i] , i , source);
}
}
return initializer;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/array/remove.js
* author: erik
* version: 1.1.0
* date: 2009/11/30
*/
/**
* 移除数组中的项
* @name baidu.array.remove
* @function
* @grammar baidu.array.remove(source, match)
* @param {Array} source 需要移除项的数组
* @param {Any} match 要移除的项
* @meta standard
* @see baidu.array.removeAt
*
* @returns {Array} 移除后的数组
*/
baidu.array.remove = function (source, match) {
var len = source.length;
while (len--) {
if (len in source && source[len] === match) {
source.splice(len, 1);
}
}
return source;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/array/removeAt.js
* author: erik
* version: 1.1.0
* date: 2009/11/30
*/
/**
* 移除数组中的项
* @name baidu.array.removeAt
* @function
* @grammar baidu.array.removeAt(source, index)
* @param {Array} source 需要移除项的数组
* @param {number} index 要移除项的索引位置
* @see baidu.array.remove
* @meta standard
* @returns {Any} 被移除的数组项
*/
baidu.array.removeAt = function (source, index) {
return source.splice(index, 1)[0];
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 判断一个数组中是否有部分元素满足给定条件
* @name baidu.array.some
* @function
* @grammar baidu.array.some(source, iterator[,thisObject])
* @param {Array} source 需要判断的数组.
* @param {Function} iterator 判断函数.
* @param {Object} [thisObject] 函数调用时的this指针，如果没有此参数，默认是当前遍历的数组
* @return {boolean} 判断结果.
* @see baidu.array.every
*/
baidu.array.some = function(source, iterator, thisObject) {
var i = 0,
len = source.length;
for (; i < len; i++) {
if (i in source && iterator.call(thisObject || source, source[i], i)) {
return true;
}
}
return false;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/array/unique.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* 过滤数组中的相同项。如果两个元素相同，会删除后一个元素。
* @name baidu.array.unique
* @function
* @grammar baidu.array.unique(source[, compareFn])
* @param {Array} source 需要过滤相同项的数组
* @param {Function} [compareFn] 比较两个数组项是否相同的函数,两个数组项作为函数的参数。
*
* @returns {Array} 过滤后的新数组
*/
baidu.array.unique = function (source, compareFn) {
var len = source.length,
result = source.slice(0),
i, datum;
if ('function' != typeof compareFn) {
compareFn = function (item1, item2) {
return item1 === item2;
};
}
// 从后往前双重循环比较
// 如果两个元素相同，删除后一个
while (--len > 0) {
datum = result[len];
i = len;
while (i--) {
if (compareFn(datum, result[i])) {
result.splice(len, 1);
break;
}
}
}
return result;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* @namespace baidu.async 对异步调用的封装。
* @author rocy
*/
baidu.async = baidu.async || {};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/object.js
* author: erik
* version: 1.1.0
* date: 2009/11/15
*/
/**
* @namespace baidu.object 操作原生对象的方法。
*/
baidu.object = baidu.object || {};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 将源对象的所有属性拷贝到目标对象中
* @author erik
* @name baidu.object.extend
* @function
* @grammar baidu.object.extend(target, source)
* @param {Object} target 目标对象
* @param {Object} source 源对象
* @see baidu.array.merge
* @remark
*
1.目标对象中，与源对象key相同的成员将会被覆盖。
2.源对象的prototype成员不会拷贝。
* @shortcut extend
* @meta standard
*
* @returns {Object} 目标对象
*/
baidu.extend =
baidu.object.extend = function (target, source) {
for (var p in source) {
if (source.hasOwnProperty(p)) {
target[p] = source[p];
}
}
return target;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/lang.js
* author: erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* @namespace baidu.lang 对语言层面的封装，包括类型判断、模块扩展、继承基类以及对象自定义事件的支持。
*/
baidu.lang = baidu.lang || {};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/lang/isFunction.js
* author: rocy
* version: 1.1.2
* date: 2010/06/12
*/
/**
* 判断目标参数是否为function或Function实例
* @name baidu.lang.isFunction
* @function
* @grammar baidu.lang.isFunction(source)
* @param {Any} source 目标参数
* @version 1.2
* @see baidu.lang.isString,baidu.lang.isObject,baidu.lang.isNumber,baidu.lang.isArray,baidu.lang.isElement,baidu.lang.isBoolean,baidu.lang.isDate
* @meta standard
* @returns {boolean} 类型判断结果
*/
baidu.lang.isFunction = function (source) {
// chrome下,'function' == typeof /a/ 为true.
return '[object Function]' == Object.prototype.toString.call(source);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 判断给定object是否包含Deferred主要特征.
* @param {Object} obj 待判定object.
* @return {Boolean} 判定结果, true 则该object符合Deferred特征.
* @private
* @author rocy
*/
baidu.async._isDeferred = function(obj) {
var isFn = baidu.lang.isFunction;
return obj && isFn(obj.success) && isFn(obj.then)
&& isFn(obj.fail) && isFn(obj.cancel);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 用于支持异步处理, 使同步异步的调用风格统一.
* @class
* @private
* @grammar new baidu.async.Deferred()
* @remark
* 示例:
function someAsync(){
var deferred = new baidu.async.Deferred();
setTimeout(function(){
afterSomeOperation();
if(someReason){
deferred.resolve(someValue);
} else {
deferred.reject(someError);
}
},100);
return deferred;
}
//用类似同步的方式调用异步操作.
someAsync().then(onSuccess, onFail);
//onSuccess或onFail可以确保在正确的时间点执行.
* @author rocy
*/
baidu.async.Deferred = function() {
var me = this;
baidu.extend(me, {
_fired: 0,
_firing: 0,
_cancelled: 0,
_resolveChain: [],
_rejectChain: [],
_result: [],
_isError: 0
});
function fire() {
if (me._cancelled || me._firing) {
return;
}
//如果已有nextDeferred对象,则转移到nextDeferred上.
if (me._nextDeferred) {
me._nextDeferred.then(me._resolveChain[0], me._rejectChain[0]);
return;
}
me._firing = 1;
var chain = me._isError ? me._rejectChain : me._resolveChain,
result = me._result[me._isError ? 1 : 0];
// 此处使用while而非for循环,是为了避免firing时插入新函数.
while (chain[0] && (! me._cancelled)) {
//所有函数仅调用一次.
//TODO: 支持传入 this 和 arguments, 而不是仅仅一个值.
try {
var chainResult = chain.shift().call(me, result);
//若方法返回Deferred,则将剩余方法延至Deferred中执行
if (baidu.async._isDeferred(chainResult)) {
me._nextDeferred = chainResult;
[].push.apply(chainResult._resolveChain, me._resolveChain);
[].push.apply(chainResult._rejectChain, me._rejectChain);
chain = me._resolveChain = [];
me._rejectChain = [];
}
} catch (error) {
throw error;
} finally {
me._fired = 1;
me._firing = 0;
}
}
}
/**
* 调用onSuccess链.使用给定的value作为函数参数.
* @param {*} value 成功结果.
* @return {baidu.async.Deferred} this.
*/
me.resolve = me.fireSuccess = function(value) {
me._result[0] = value;
fire();
return me;
};
/**
* 调用onFail链. 使用给定的error作为函数参数.
* @param {Error} error 失败原因.
* @return {baidu.async.Deferred} this.
*/
me.reject = me.fireFail = function(error) {
me._result[1] = error;
me._isError = 1;
fire();
return me;
};
/**
* 添加onSuccess和onFail方法到各自的链上. 如果该deferred已触发,则立即执行.
* @param {Function} onSuccess 该deferred成功时的回调函数.第一个形参为成功时结果.
* @param {Function} onFail 该deferred失败时的回调函数.第一个形参为失败时结果.
* @return {baidu.async.Deferred} this.
*/
me.then = function(onSuccess, onFail) {
me._resolveChain.push(onSuccess);
me._rejectChain.push(onFail);
if (me._fired) {
fire();
}
return me;
};
/**
* 添加方法到onSuccess链上. 如果该deferred已触发,则立即执行.
* @param {Function} onSuccess 该deferred成功时的回调函数.第一个形参为成功时结果.
* @return {baidu.async.Deferred} this.
*/
me.success = function(onSuccess) {
return me.then(onSuccess, baidu.fn.blank);
};
/**
* 添加方法到onFail链上. 如果该deferred已触发,则立即执行.
* @param {Function} onFail 该deferred失败时的回调函数.第一个形参为失败时结果.
* @return {baidu.async.Deferred} this.
*/
me.fail = function(onFail) {
return me.then(baidu.fn.blank, onFail);
};
/**
* 中断该deferred, 使其失效.
*/
me.cancel = function() {
me._cancelled = 1;
};
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 支持异步的ajax.get封装.
* @param {String} url 请求地址.
* @version 1.3.9
* @return {baidu.async.Deferred} Deferred对象,支持链式调用.
*/
baidu.async.get = function(url){
var deferred = new baidu.async.Deferred();
baidu.ajax.request(url, {
onsuccess: function(xhr, responseText) {
deferred.resolve({xhr: xhr, responseText: responseText});
},
onfailure: function(xhr) {
deferred.reject({xhr: xhr});
}
});
return deferred;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 支持异步的ajax.post封装.
* @param {String} url 请求地址.
* @param {String} data 请求数据.
* @version 1.3.9
* @return {baidu.async.Deferred} Deferred对象,支持链式调用.
*/
baidu.async.post = function(url, data){
var deferred = new baidu.async.Deferred();
baidu.ajax.request(url, {
method: 'POST',
data: data,
onsuccess: function(xhr, responseText) {
deferred.resolve({xhr: xhr, responseText: responseText});
},
onfailure: function(xhr) {
deferred.reject({xhr: xhr});
}
});
return deferred;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 保证onResolve或onReject可以按序执行. 若第一个参数为deferred,则deferred完成后执行.否则立即执行onResolve,并传入第一个参数.
* @param {baidu.async.Deferred|*} deferredOrValue deferred实例或任意值.
* @param {Function} onResolve 成功时的回调函数.若第一个参数不是Deferred实例,则立即执行此方法.
* @param {Function} onReject 失败时的回调函数.
* @version 1.3.9
* @remark
* 示例一:异步调用: baidu.async.when(asyncLoad(), onResolve, onReject).then(nextSuccess, nextFail);
* 示例二:同步异步不确定的调用: baidu.async.when(syncOrNot(), onResolve, onReject).then(nextSuccess, nextFail);
* 示例三:同步接异步的调用: baidu.async.when(sync(), onResolve, onReject).then(asyncSuccess, asyncFail).then(afterAllSuccess, afterAllFail);
* @return {baidu.async.Deferred} deferred.
*/
baidu.async.when = function(deferredOrValue, onResolve, onReject) {
if (baidu.async._isDeferred(deferredOrValue)) {
deferredOrValue.then(onResolve, onReject);
return deferredOrValue;
}
var deferred = new baidu.async.Deferred();
deferred.then(onResolve, onReject).resolve(deferredOrValue);
return deferred;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/browser.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* @namespace baidu.browser 判断浏览器类型和特性的属性。
*/
baidu.browser = baidu.browser || {};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/browser/chrome.js
* author: allstar
* version: 1.1.0
* date: 2009/11/24
*/
if (/chrome\/(\d+\.\d)/i.test(navigator.userAgent)) {
/**
* 判断是否为chrome浏览器
* @grammar baidu.browser.chrome
* @see baidu.browser.ie,baidu.browser.firefox,baidu.browser.safari,baidu.browser.opera
* @property chrome chrome版本号
*/
baidu.browser.chrome = + RegExp['\x241'];
}
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/browser/firefox.js
* author: allstar
* version: 1.1.0
* date: 2009/11/23
*/
if (/firefox\/(\d+\.\d)/i.test(navigator.userAgent)) {
/**
* 判断是否为firefox浏览器
* @property firefox firefox版本号
* @grammar baidu.browser.firefox
* @meta standard
* @see baidu.browser.ie,baidu.browser.safari,baidu.browser.opera,baidu.browser.chrome
*/
baidu.browser.firefox = + RegExp['\x241'];
}
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/browser/ie.js
* author: allstar
* version: 1.1.0
* date: 2009/11/23
*/
if (/msie (\d+\.\d)/i.test(navigator.userAgent)) {
//IE 8下，以documentMode为准
//在百度模板中，可能会有$，防止冲突，将$1 写成 \x241
/**
* 判断是否为ie浏览器
* @property ie ie版本号
* @grammar baidu.browser.ie
* @meta standard
* @shortcut ie
* @see baidu.browser.firefox,baidu.browser.safari,baidu.browser.opera,baidu.browser.chrome,baidu.browser.maxthon
*/
baidu.browser.ie = baidu.ie = document.documentMode || + RegExp['\x241'];
}
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/browser/isGecko.js
* author: allstar
* version: 1.1.0
* date: 2009/11/23
*/
/**
* 判断是否为gecko内核
* @property isGecko
* @grammar baidu.browser.isGecko
* @meta standard
* @see baidu.browser.isWebkit
*/
baidu.browser.isGecko = /gecko/i.test(navigator.userAgent) && !/like gecko/i.test(navigator.userAgent);
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/browser/isStrict.js
* author: allstar
* version: 1.1.0
* date: 2009/11/23
*/
/**
* 判断是否严格标准的渲染模式
* @property isStrict
* @grammar baidu.browser.isStrict
* @meta standard
*/
baidu.browser.isStrict = document.compatMode == "CSS1Compat";
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/browser/isWebkit.js
* author: allstar
* version: 1.1.0
* date: 2009/11/23
*/
/**
* 判断是否为webkit内核
* @property isWebkit
* @grammar baidu.browser.isWebkit
* @meta standard
* @see baidu.browser.isGecko
*/
baidu.browser.isWebkit = /webkit/i.test(navigator.userAgent);
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/browser/maxthon.js
* author: allstar
* version: 1.1.0
* date: 2009/11/23
*/
try {
if (/(\d+\.\d)/.test(external.max_version)) {
/**
* 判断是否为maxthon浏览器
* @property maxthon maxthon版本号
* @grammar baidu.browser.maxthon
* @see baidu.browser.ie
*/
baidu.browser.maxthon = + RegExp['\x241'];
}
} catch (e) {}
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/browser/opera.js
* author: allstar
* version: 1.1.0
* date: 2009/11/23
*/
if (/opera\/(\d+\.\d)/i.test(navigator.userAgent)) {
/**
* 判断是否为opera浏览器
* @property opera opera版本号
* @grammar baidu.browser.opera
* @meta standard
* @see baidu.browser.ie,baidu.browser.firefox,baidu.browser.safari,baidu.browser.chrome
*/
baidu.browser.opera = + RegExp['\x241'];
}
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/browser/safari.js
* author: allstar, rocy
* version: 1.1.0
* date: 2009/11/23
*/
(function(){
var ua = navigator.userAgent;
/*
* 兼容浏览器为safari或ipad,其中,一段典型的ipad UA 如下:
* Mozilla/5.0(iPad; U; CPU iPhone OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B314 Safari/531.21.10
*/
if(/(\d+\.\d)?(?:\.\d)?\s+safari\/?(\d+\.\d+)?/i.test(ua) && !/chrome/i.test(ua)){
/**
* 判断是否为safari浏览器, 支持ipad
* @property safari safari版本号
* @grammar baidu.browser.safari
* @meta standard
* @see baidu.browser.ie,baidu.browser.firefox,baidu.browser.opera,baidu.browser.chrome
*/
baidu.browser.safari = + (RegExp['\x241'] || RegExp['\x242']);
}
})();
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/cookie.js
* author: erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* @namespace baidu.cookie 操作cookie的方法。
*/
baidu.cookie = baidu.cookie || {};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/cookie/_isValidKey.js
* author: erik
* version: 1.1.0
* date: 2009/11/15
*/
/**
* 验证字符串是否合法的cookie键名
*
* @param {string} source 需要遍历的数组
* @meta standard
* @return {boolean} 是否合法的cookie键名
*/
baidu.cookie._isValidKey = function (key) {
// http://www.w3.org/Protocols/rfc2109/rfc2109
// Syntax: General
// The two state management headers, Set-Cookie and Cookie, have common
// syntactic properties involving attribute-value pairs. The following
// grammar uses the notation, and tokens DIGIT (decimal digits) and
// token (informally, a sequence of non-special, non-white space
// characters) from the HTTP/1.1 specification [RFC 2068] to describe
// their syntax.
// av-pairs = av-pair *(";" av-pair)
// av-pair = attr ["=" value] ; optional value
// attr = token
// value = word
// word = token | quoted-string
// http://www.ietf.org/rfc/rfc2068.txt
// token = 1*
// CHAR =
// CTL =
// tspecials = "(" | ")" | "<" | ">" | "@"
// | "," | ";" | ":" | "\" | <">
// | "/" | "[" | "]" | "?" | "="
// | "{" | "}" | SP | HT
// SP =
// HT =
return (new RegExp("^[^\\x00-\\x20\\x7f\\(\\)<>@,;:\\\\\\\"\\[\\]\\?=\\{\\}\\/\\u0080-\\uffff]+\x24")).test(key);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/cookie/getRaw.js
* author: erik
* version: 1.1.0
* date: 2009/11/15
*/
/**
* 获取cookie的值，不对值进行解码
* @name baidu.cookie.getRaw
* @function
* @grammar baidu.cookie.getRaw(key)
* @param {string} key 需要获取Cookie的键名
* @meta standard
* @see baidu.cookie.get,baidu.cookie.setRaw
*
* @returns {string|null} 获取的Cookie值，获取不到时返回null
*/
baidu.cookie.getRaw = function (key) {
if (baidu.cookie._isValidKey(key)) {
var reg = new RegExp("(^| )" + key + "=([^;]*)(;|\x24)"),
result = reg.exec(document.cookie);
if (result) {
return result[2] || null;
}
}
return null;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/cookie/get.js
* author: erik
* version: 1.1.0
* date: 2009/11/15
*/
/**
* 获取cookie的值，用decodeURIComponent进行解码
* @name baidu.cookie.get
* @function
* @grammar baidu.cookie.get(key)
* @param {string} key 需要获取Cookie的键名
* @remark
* 注意：该方法会对cookie值进行decodeURIComponent解码。如果想获得cookie源字符串，请使用getRaw方法。
* @meta standard
* @see baidu.cookie.getRaw,baidu.cookie.set
*
* @returns {string|null} cookie的值，获取不到时返回null
*/
baidu.cookie.get = function (key) {
var value = baidu.cookie.getRaw(key);
if ('string' == typeof value) {
value = decodeURIComponent(value);
return value;
}
return null;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/cookie/setRaw.js
* author: erik
* version: 1.1.0
* date: 2009/11/15
*/
/**
* 设置cookie的值，不对值进行编码
* @name baidu.cookie.setRaw
* @function
* @grammar baidu.cookie.setRaw(key, value[, options])
* @param {string} key 需要设置Cookie的键名
* @param {string} value 需要设置Cookie的值
* @param {Object} [options] 设置Cookie的其他可选参数
* @config {string} [path] cookie路径
* @config {Date|number} [expires] cookie过期时间,如果类型是数字的话, 单位是毫秒
* @config {string} [domain] cookie域名
* @config {string} [secure] cookie是否安全传输
* @remark
*
options参数包括：
path:cookie路径
expires:cookie过期时间，Number型，单位为毫秒。
domain:cookie域名
secure:cookie是否安全传输
* @meta standard
* @see baidu.cookie.set,baidu.cookie.getRaw
*/
baidu.cookie.setRaw = function (key, value, options) {
if (!baidu.cookie._isValidKey(key)) {
return;
}
options = options || {};
//options.path = options.path || "/"; // meizz 20100402 设定一个初始值，方便后续的操作
//berg 20100409 去掉，因为用户希望默认的path是当前路径，这样和浏览器对cookie的定义也是一致的
// 计算cookie过期时间
var expires = options.expires;
if ('number' == typeof options.expires) {
expires = new Date();
expires.setTime(expires.getTime() + options.expires);
}
document.cookie =
key + "=" + value
+ (options.path ? "; path=" + options.path : "")
+ (expires ? "; expires=" + expires.toGMTString() : "")
+ (options.domain ? "; domain=" + options.domain : "")
+ (options.secure ? "; secure" : '');
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/cookie/remove.js
* author: erik
* version: 1.1.0
* date: 2009/11/15
*/
/**
* 删除cookie的值
* @name baidu.cookie.remove
* @function
* @grammar baidu.cookie.remove(key, options)
* @param {string} key 需要删除Cookie的键名
* @param {Object} options 需要删除的cookie对应的 path domain 等值
* @meta standard
*/
baidu.cookie.remove = function (key, options) {
options = options || {};
options.expires = new Date(0);
baidu.cookie.setRaw(key, '', options);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/cookie/set.js
* author: erik
* version: 1.1.0
* date: 2009/11/15
*/
/**
* 设置cookie的值，用encodeURIComponent进行编码
* @name baidu.cookie.set
* @function
* @grammar baidu.cookie.set(key, value[, options])
* @param {string} key 需要设置Cookie的键名
* @param {string} value 需要设置Cookie的值
* @param {Object} [options] 设置Cookie的其他可选参数
* @config {string} [path] cookie路径
* @config {Date|number} [expires] cookie过期时间,如果类型是数字的话, 单位是毫秒
* @config {string} [domain] cookie域名
* @config {string} [secure] cookie是否安全传输
* @remark
*
1. 注意：该方法会对cookie值进行encodeURIComponent编码。如果想设置cookie源字符串，请使用setRaw方法。
2. options参数包括：
path:cookie路径
expires:cookie过期时间，Number型，单位为毫秒。
domain:cookie域名
secure:cookie是否安全传输
* @meta standard
* @see baidu.cookie.setRaw,baidu.cookie.get
*/
baidu.cookie.set = function (key, value, options) {
baidu.cookie.setRaw(key, encodeURIComponent(value), options);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/date.js
* author: erik
* version: 1.1.0
* date: 2009/12/04
*/
/**
* @namespace baidu.date 操作日期的方法。
*/
baidu.date = baidu.date || {};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/number.js
* author: erik
* version: 1.1.0
* date: 2009/12/2
*/
/**
* @namespace baidu.number 操作number的方法。
*/
baidu.number = baidu.number || {};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/number/pad.js
* author: dron, erik, berg
* version: 1.1.0
* date: 20100412
*/
/**
* 对目标数字进行0补齐处理
* @name baidu.number.pad
* @function
* @grammar baidu.number.pad(source, length)
* @param {number} source 需要处理的数字
* @param {number} length 需要输出的长度
*
* @returns {string} 对目标数字进行0补齐处理后的结果
*/
baidu.number.pad = function (source, length) {
var pre = "",
negative = (source < 0),
string = String(Math.abs(source));
if (string.length < length) {
pre = (new Array(length - string.length + 1)).join('0');
}
return (negative ? "-" : "") + pre + string;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/date/format.js
* author: erik
* version: 1.1.0
* date: 2009/12/04
*/
/**
* 对目标日期对象进行格式化
* @name baidu.date.format
* @function
* @grammar baidu.date.format(source, pattern)
* @param {Date} source 目标日期对象
* @param {string} pattern 日期格式化规则
* @remark
*
格式表达式，变量含义：
hh: 带 0 补齐的两位 12 进制时表示
h: 不带 0 补齐的 12 进制时表示
HH: 带 0 补齐的两位 24 进制时表示
H: 不带 0 补齐的 24 进制时表示
mm: 带 0 补齐两位分表示
m: 不带 0 补齐分表示
ss: 带 0 补齐两位秒表示
s: 不带 0 补齐秒表示
yyyy: 带 0 补齐的四位年表示
yy: 带 0 补齐的两位年表示
MM: 带 0 补齐的两位月表示
M: 不带 0 补齐的月表示
dd: 带 0 补齐的两位日表示
d: 不带 0 补齐的日表示
*
* @returns {string} 格式化后的字符串
*/
baidu.date.format = function (source, pattern) {
if ('string' != typeof pattern) {
return source.toString();
}
function replacer(patternPart, result) {
pattern = pattern.replace(patternPart, result);
}
var pad = baidu.number.pad,
year = source.getFullYear(),
month = source.getMonth() + 1,
date2 = source.getDate(),
hours = source.getHours(),
minutes = source.getMinutes(),
seconds = source.getSeconds();
replacer(/yyyy/g, pad(year, 4));
replacer(/yy/g, pad(parseInt(year.toString().slice(2), 10), 2));
replacer(/MM/g, pad(month, 2));
replacer(/M/g, month);
replacer(/dd/g, pad(date2, 2));
replacer(/d/g, date2);
replacer(/HH/g, pad(hours, 2));
replacer(/H/g, hours);
replacer(/hh/g, pad(hours % 12, 2));
replacer(/h/g, hours % 12);
replacer(/mm/g, pad(minutes, 2));
replacer(/m/g, minutes);
replacer(/ss/g, pad(seconds, 2));
replacer(/s/g, seconds);
return pattern;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/date/parse.js
* author: erik
* version: 1.1.0
* date: 2009/12/04
*/
/**
* 将目标字符串转换成日期对象
* @name baidu.date.parse
* @function
* @grammar baidu.date.parse(source)
* @param {string} source 目标字符串
* @remark
*
对于目标字符串，下面这些规则决定了 parse 方法能够成功地解析：
- 短日期可以使用“/”或“-”作为日期分隔符，但是必须用月/日/年的格式来表示，例如"7/20/96"。
- 以 "July 10 1995" 形式表示的长日期中的年、月、日可以按任何顺序排列，年份值可以用 2 位数字表示也可以用 4 位数字表示。如果使用 2 位数字来表示年份，那么该年份必须大于或等于 70。
- 括号中的任何文本都被视为注释。这些括号可以嵌套使用。
- 逗号和空格被视为分隔符。允许使用多个分隔符。
- 月和日的名称必须具有两个或两个以上的字符。如果两个字符所组成的名称不是独一无二的，那么该名称就被解析成最后一个符合条件的月或日。例如，"Ju" 被解释为七月而不是六月。
- 在所提供的日期中，如果所指定的星期几的值与按照该日期中剩余部分所确定的星期几的值不符合，那么该指定值就会被忽略。例如，尽管 1996 年 11 月 9 日实际上是星期五，"Tuesday November 9 1996" 也还是可以被接受并进行解析的。但是结果 date 对象中包含的是 "Friday November 9 1996"。
- JScript 处理所有的标准时区，以及全球标准时间 (UTC) 和格林威治标准时间 (GMT)。
- 小时、分钟、和秒钟之间用冒号分隔，尽管不是这三项都需要指明。"10:"、"10:11"、和 "10:11:12" 都是有效的。
- 如果使用 24 小时计时的时钟，那么为中午 12 点之后的时间指定 "PM" 是错误的。例如 "23:15 PM" 就是错误的。
- 包含无效日期的字符串是错误的。例如，一个包含有两个年份或两个月份的字符串就是错误的。
*
* @returns {Date} 转换后的日期对象
*/
baidu.date.parse = function (source) {
var reg = new RegExp("^\\d+(\\-|\\/)\\d+(\\-|\\/)\\d+\x24");
if ('string' == typeof source) {
if (reg.test(source) || isNaN(Date.parse(source))) {
var d = source.split(/ |T/),
d1 = d.length > 1
? d[1].split(/[^\d]/)
: [0, 0, 0],
d0 = d[0].split(/[^\d]/);
return new Date(d0[0] - 0,
d0[1] - 1,
d0[2] - 0,
d1[0] - 0,
d1[1] - 0,
d1[2] - 0);
} else {
return new Date(source);
}
}
return new Date();
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* @namespace baidu.dom 操作dom的方法。
*/
baidu.dom = baidu.dom || {};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/g.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/11/17
*/
/**
* 从文档中获取指定的DOM元素
* @name baidu.dom.g
* @function
* @grammar baidu.dom.g(id)
* @param {string|HTMLElement} id 元素的id或DOM元素
* @shortcut g,T.G
* @meta standard
* @see baidu.dom.q
*
* @returns {HTMLElement|null} 获取的元素，查找不到时返回null,如果参数不合法，直接返回参数
*/
baidu.dom.g = function (id) {
if ('string' == typeof id || id instanceof String) {
return document.getElementById(id);
} else if (id && id.nodeName && (id.nodeType == 1 || id.nodeType == 9)) {
return id;
}
return null;
};
// 声明快捷方法
baidu.g = baidu.G = baidu.dom.g;
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/string.js
* author: erik
* version: 1.1.0
* date: 2009/11/15
*/
/**
* @namespace baidu.string 操作字符串的方法。
*/
baidu.string = baidu.string || {};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/string/trim.js
* author: dron, erik
* version: 1.1.0
* date: 2009/11/15
*/
/**
* 删除目标字符串两端的空白字符
* @name baidu.string.trim
* @function
* @grammar baidu.string.trim(source)
* @param {string} source 目标字符串
* @remark
* 不支持删除单侧空白字符
* @shortcut trim
* @meta standard
*
* @returns {string} 删除两端空白字符后的字符串
*/
(function () {
var trimer = new RegExp("(^[\\s\\t\\xa0\\u3000]+)|([\\u3000\\xa0\\s\\t]+\x24)", "g");
baidu.string.trim = function (source) {
return String(source)
.replace(trimer, "");
};
})();
// 声明快捷方法
baidu.trim = baidu.string.trim;
/*
* Tangram
* Copyright 2009 Baidu Inc. All right reserved.
*
* path: baidu/dom/addClass.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/12/2
*/
/**
* 为目标元素添加className
* @name baidu.dom.addClass
* @function
* @grammar baidu.dom.addClass(element, className)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @param {string} className 要添加的className，允许同时添加多个class，中间使用空白符分隔
* @remark
* 使用者应保证提供的className合法性，不应包含不合法字符，className合法字符参考：http://www.w3.org/TR/CSS2/syndata.html。
* @shortcut addClass
* @meta standard
* @see baidu.dom.removeClass
*
*
* @returns {HTMLElement} 目标元素
*/
baidu.dom.addClass = function (element, className) {
element = baidu.dom.g(element);
var classArray = className.split(/\s+/),
result = element.className,
classMatch = " " + result + " ",
i = 0,
l = classArray.length;
for (; i < l; i++){
if ( classMatch.indexOf( " " + classArray[i] + " " ) < 0 ) {
result += (result ? ' ' : '') + classArray[i];
}
}
element.className = result;
return element;
};
// 声明快捷方法
baidu.addClass = baidu.dom.addClass;
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/children.js
* author: allstar
* version: 1.1.0
* date: 2009/11/17
*/
/**
* 获取目标元素的直接子元素列表
* @name baidu.dom.children
* @function
* @grammar baidu.dom.children(element)
* @param {HTMLElement|String} element 目标元素或目标元素的id
* @meta standard
*
* @returns {Array} 目标元素的子元素列表，没有子元素时返回空数组
*/
baidu.dom.children = function (element) {
element = baidu.dom.g(element);
for (var children = [], tmpEl = element.firstChild; tmpEl; tmpEl = tmpEl.nextSibling) {
if (tmpEl.nodeType == 1) {
children.push(tmpEl);
}
}
return children;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/lang/isString.js
* author: erik
* version: 1.1.0
* date: 2009/12/30
*/
/**
* 判断目标参数是否string类型或String对象
* @name baidu.lang.isString
* @function
* @grammar baidu.lang.isString(source)
* @param {Any} source 目标参数
* @shortcut isString
* @meta standard
* @see baidu.lang.isObject,baidu.lang.isNumber,baidu.lang.isArray,baidu.lang.isElement,baidu.lang.isBoolean,baidu.lang.isDate
*
* @returns {boolean} 类型判断结果
*/
baidu.lang.isString = function (source) {
return '[object String]' == Object.prototype.toString.call(source);
};
// 声明快捷方法
baidu.isString = baidu.lang.isString;
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/g.js
* author: allstar, erik, berg
* version: 1.3
* date: 2010-07-07
*/
/**
* 从文档中获取指定的DOM元素
* **内部方法**
*
* @param {string|HTMLElement} id 元素的id或DOM元素
* @meta standard
* @return {HTMLElement} DOM元素，如果不存在，返回null，如果参数不合法，直接返回参数
*/
baidu.dom._g = function (id) {
if (baidu.lang.isString(id)) {
return document.getElementById(id);
}
return id;
};
// 声明快捷方法
baidu._g = baidu.dom._g;
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/contains.js
* author: allstar
* version: 1.1.0
* date: 2009/11/17
*/
/**
* 判断一个元素是否包含另一个元素
* @name baidu.dom.contains
* @function
* @grammar baidu.dom.contains(container, contained)
* @param {HTMLElement|string} container 包含元素或元素的id
* @param {HTMLElement|string} contained 被包含元素或元素的id
* @meta standard
* @see baidu.dom.intersect
*
* @returns {boolean} contained元素是否被包含于container元素的DOM节点上
*/
baidu.dom.contains = function (container, contained) {
var g = baidu.dom._g;
container = g(container);
contained = g(contained);
//fixme: 无法处理文本节点的情况(IE)
return container.contains
? container != contained && container.contains(contained)
: !!(container.compareDocumentPosition(contained) & 16);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/_NAME_ATTRS.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/12/2
*/
/**
* 提供给setAttr与getAttr方法作名称转换使用
* ie6,7下class要转换成className
* @meta standard
*/
baidu.dom._NAME_ATTRS = (function () {
var result = {
'cellpadding': 'cellPadding',
'cellspacing': 'cellSpacing',
'colspan': 'colSpan',
'rowspan': 'rowSpan',
'valign': 'vAlign',
'usemap': 'useMap',
'frameborder': 'frameBorder'
};
if (baidu.browser.ie < 8) {
result['for'] = 'htmlFor';
result['class'] = 'className';
} else {
result['htmlFor'] = 'for';
result['className'] = 'class';
}
return result;
})();
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/setAttr.js
* author: allstar
* version: 1.1.0
* date: 2009/11/17
*/
/**
* 设置目标元素的attribute值
* @name baidu.dom.setAttr
* @function
* @grammar baidu.dom.setAttr(element, key, value)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @param {string} key 要设置的attribute键名
* @param {string} value 要设置的attribute值
* @remark
*
设置object的自定义属性时，由于浏览器限制，无法设置。
* @shortcut setAttr
* @meta standard
* @see baidu.dom.getAttr,baidu.dom.setAttrs
*
* @returns {HTMLElement} 目标元素
*/
baidu.dom.setAttr = function (element, key, value) {
element = baidu.dom.g(element);
if ('style' == key){
element.style.cssText = value;
} else {
key = baidu.dom._NAME_ATTRS[key] || key;
element.setAttribute(key, value);
}
return element;
};
// 声明快捷方法
baidu.setAttr = baidu.dom.setAttr;
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/setAttrs.js
* author: allstar
* version: 1.1.0
* date: 2009/11/17
*/
/**
* 批量设置目标元素的attribute值
* @name baidu.dom.setAttrs
* @function
* @grammar baidu.dom.setAttrs(element, attributes)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @param {Object} attributes 要设置的attribute集合
* @shortcut setAttrs
* @meta standard
* @see baidu.dom.setAttr,baidu.dom.getAttr
*
* @returns {HTMLElement} 目标元素
*/
baidu.dom.setAttrs = function (element, attributes) {
element = baidu.dom.g(element);
for (var key in attributes) {
baidu.dom.setAttr(element, key, attributes[key]);
}
return element;
};
// 声明快捷方法
baidu.setAttrs = baidu.dom.setAttrs;
/*
* Tangram
* Copyright 2009 Baidu Inc. All right reserved.
*/
/**
* 创建 Element 对象。
* @author berg
* @name baidu.dom.create
* @function
* @grammar baidu.dom.create(tagName[, options])
* @param {string} tagName 标签名称.
* @param {Object} opt_attributes 元素创建时拥有的属性，如style和className.
* @version 1.3
* @meta standard
* @return {HTMLElement} 创建的 Element 对象
*/
baidu.dom.create = function(tagName, opt_attributes) {
var el = document.createElement(tagName),
attributes = opt_attributes || {};
return baidu.dom.setAttrs(el, attributes);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/lang/guid.js
* author: meizz
* version: 1.1.0
* date: 2010/02/04
*/
/**
* 返回一个当前页面的唯一标识字符串。
* @name baidu.lang.guid
* @function
* @grammar baidu.lang.guid()
* @version 1.1.1
* @meta standard
*
* @returns {String} 当前页面的唯一标识字符串
*/
(function(){
//不直接使用window，可以提高3倍左右性能
var guid = window[baidu.guid];
baidu.lang.guid = function() {
return "TANGRAM__" + (guid._counter ++).toString(36);
};
guid._counter = guid._counter || 1;
})();
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/lang/_instances.js
* author: meizz, erik
* version: 1.1.0
* date: 2009/12/1
*/
/**
* 所有类的实例的容器
* key为每个实例的guid
* @meta standard
*/
window[baidu.guid]._instances = window[baidu.guid]._instances || {};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/lang/Class.js
* author: meizz, erik
* version: 1.1.0
* date: 2009/12/1
*/
/**
*
* @class Tangram继承机制提供的一个基类，用户可以通过继承baidu.lang.Class来获取它的属性及方法。
* @name baidu.lang.Class
* @grammar baidu.lang.Class(guid)
* @param {string} guid 对象的唯一标识
* @meta standard
* @remark baidu.lang.Class和它的子类的实例均包含一个全局唯一的标识guid。guid是在构造函数中生成的，因此，继承自baidu.lang.Class的类应该直接或者间接调用它的构造函数。
baidu.lang.Class的构造函数中产生guid的方式可以保证guid的唯一性，及每个实例都有一个全局唯一的guid。
* @meta standard
* @see baidu.lang.inherits,baidu.lang.Event
*/
baidu.lang.Class = function(guid) {
this.guid = guid || baidu.lang.guid();
window[baidu.guid]._instances[this.guid] = this;
};
window[baidu.guid]._instances = window[baidu.guid]._instances || {};
/**
* 释放对象所持有的资源，主要是自定义事件。
* @name dispose
* @grammar obj.dispose()
* TODO: 将_listeners中绑定的事件剔除掉
*/
baidu.lang.Class.prototype.dispose = function(){
delete window[baidu.guid]._instances[this.guid];
for(var property in this){
if (!baidu.lang.isFunction(this[property])) {
delete this[property];
}
}
this.disposed = true; // 20100716
};
/**
* 重载了默认的toString方法，使得返回信息更加准确一些。
* @return {string} 对象的String表示形式
*/
baidu.lang.Class.prototype.toString = function(){
return "[object " + (this._className || "Object" ) + "]";
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/lang/Event.js
* author: meizz, erik, berg
* version: 1.1.1
* date: 2009/11/24
* modify: 2010/04/19 berg
*/
/**
*
* @class 自定义的事件对象。
* @name baidu.lang.Event
* @grammar baidu.lang.Event(type[, target])
* @param {string} type 事件类型名称。为了方便区分事件和一个普通的方法，事件类型名称必须以"on"(小写)开头。
* @param {Object} [target]触发事件的对象
* @meta standard
* @remark 引入该模块，会自动为Class引入3个事件扩展方法：addEventListener、removeEventListener和dispatchEvent。
* @meta standard
* @see baidu.lang.Class
*/
baidu.lang.Event = function (type, target) {
this.type = type;
this.returnValue = true;
this.target = target || null;
this.currentTarget = null;
};
/**
* 注册对象的事件监听器。引入baidu.lang.Event后，Class的子类实例才会获得该方法。
* @grammar obj.addEventListener(type, handler[, key])
* @param {string} type 自定义事件的名称
* @param {Function} handler 自定义事件被触发时应该调用的回调函数
* @param {string} [key] 为事件监听函数指定的名称，可在移除时使用。如果不提供，方法会默认为它生成一个全局唯一的key。
* @remark 事件类型区分大小写。如果自定义事件名称不是以小写"on"开头，该方法会给它加上"on"再进行判断，即"click"和"onclick"会被认为是同一种事件。
*/
baidu.lang.Class.prototype.addEventListener = function (type, handler, key) {
if (!baidu.lang.isFunction(handler)) {
return;
}
!this.__listeners && (this.__listeners = {});
var t = this.__listeners, id;
if (typeof key == "string" && key) {
if (/[^\w\-]/.test(key)) {
throw("nonstandard key:" + key);
} else {
handler.hashCode = key;
id = key;
}
}
type.indexOf("on") != 0 && (type = "on" + type);
typeof t[type] != "object" && (t[type] = {});
id = id || baidu.lang.guid();
handler.hashCode = id;
t[type][id] = handler;
};
/**
* 移除对象的事件监听器。引入baidu.lang.Event后，Class的子类实例才会获得该方法。
* @grammar obj.removeEventListener(type, handler)
* @param {string} type 事件类型
* @param {Function|string} handler 要移除的事件监听函数或者监听函数的key
* @remark 如果第二个参数handler没有被绑定到对应的自定义事件中，什么也不做。
*/
baidu.lang.Class.prototype.removeEventListener = function (type, handler) {
if (typeof handler != "undefined") {
if ( (baidu.lang.isFunction(handler) && ! (handler = handler.hashCode))
|| (! baidu.lang.isString(handler))
){
return;
}
}
!this.__listeners && (this.__listeners = {});
type.indexOf("on") != 0 && (type = "on" + type);
var t = this.__listeners;
if (!t[type]) {
return;
}
if (typeof handler != "undefined") {
t[type][handler] && delete t[type][handler];
} else {
for(var guid in t[type]){
delete t[type][guid];
}
}
};
/**
* 派发自定义事件，使得绑定到自定义事件上面的函数都会被执行。引入baidu.lang.Event后，Class的子类实例才会获得该方法。
* @grammar obj.dispatchEvent(event, options)
* @param {baidu.lang.Event|String} event Event对象，或事件名称(1.1.1起支持)
* @param {Object} options 扩展参数,所含属性键值会扩展到Event对象上(1.2起支持)
* @remark 处理会调用通过addEventListenr绑定的自定义事件回调函数之外，还会调用直接绑定到对象上面的自定义事件。例如：
myobj.onMyEvent = function(){}
myobj.addEventListener("onMyEvent", function(){});
*/
baidu.lang.Class.prototype.dispatchEvent = function (event, options) {
if (baidu.lang.isString(event)) {
event = new baidu.lang.Event(event);
}
!this.__listeners && (this.__listeners = {});
// 20100603 添加本方法的第二个参数，将 options extend到event中去传递
options = options || {};
for (var i in options) {
event[i] = options[i];
}
var i, t = this.__listeners, p = event.type;
event.target = event.target || this;
event.currentTarget = this;
p.indexOf("on") != 0 && (p = "on" + p);
baidu.lang.isFunction(this[p]) && this[p].apply(this, arguments);
if (typeof t[p] == "object") {
for (i in t[p]) {
t[p][i].apply(this, arguments);
}
}
return event.returnValue;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/lang/createSingle.js
* author: meizz, berg
* version: 1.1.2
* date: 2010-05-13
*/
/**
* 创建一个baidu.lang.Class的单例实例
* @name baidu.lang.createSingle
* @function
* @grammar baidu.lang.createSingle(json)
* @param {Object} json 直接挂载到这个单例里的预定属性/方法
* @version 1.2
* @see baidu.lang.Class
*
* @returns {Object} 一个实例
*/
baidu.lang.createSingle = function (json) {
var c = new baidu.lang.Class();
for (var key in json) {
c[key] = json[key];
}
return c;
};
/*
* Tangram
* Copyright 2010 Baidu Inc. All rights reserved.
*
* path: baidu/dom/dragManager.js
* author: rocy
* version: 1.4.0
* date: 2010/10/14
*/
/**
* 拖曳管理器
* @function
* @param {HTMLElement|ID} element 被拖曳的元素
* @param {JSON} options 拖曳配置项 {toggle, autoStop, interval, capture, range, ondragstart, ondragend, ondrag}
* @return {DOMElement} 可拖拽的元素
*/
baidu.dom.ddManager = baidu.lang.createSingle({
_targetsDroppingOver:{}
});
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/getDocument.js
* author: allstar
* version: 1.1.0
* date: 2009/11/17
*/
/**
* 获取目标元素所属的document对象
* @name baidu.dom.getDocument
* @function
* @grammar baidu.dom.getDocument(element)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @meta standard
* @see baidu.dom.getWindow
*
* @returns {HTMLDocument} 目标元素所属的document对象
*/
baidu.dom.getDocument = function (element) {
element = baidu.dom.g(element);
return element.nodeType == 9 ? element : element.ownerDocument || element.document;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 获取目标元素的computed style值。如果元素的样式值不能被浏览器计算，则会返回空字符串（IE）
*
* @author berg
* @name baidu.dom.getComputedStyle
* @function
* @grammar baidu.dom.getComputedStyle(element, key)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @param {string} key 要获取的样式名
*
* @see baidu.dom.getStyle
*
* @returns {string} 目标元素的computed style值
*/
baidu.dom.getComputedStyle = function(element, key){
element = baidu.dom._g(element);
var doc = baidu.dom.getDocument(element),
styles;
if (doc.defaultView && doc.defaultView.getComputedStyle) {
styles = doc.defaultView.getComputedStyle(element, null);
if (styles) {
return styles[key] || styles.getPropertyValue(key);
}
}
return '';
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/_styleFixer.js
* author: allstar
* version: 1.1.0
* date: 2009/11/17
*/
/**
* 提供给setStyle与getStyle使用
*/
baidu.dom._styleFixer = baidu.dom._styleFixer || {};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/_styleFilters.js
* author: allstar
* version: 1.1.0
* date: 2009/12/02
*/
/**
* 提供给setStyle与getStyle使用
*/
baidu.dom._styleFilter = baidu.dom._styleFilter || [];
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/_styleFilter/filter.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* 为获取和设置样式的过滤器
* @private
* @meta standard
*/
baidu.dom._styleFilter.filter = function (key, value, method) {
for (var i = 0, filters = baidu.dom._styleFilter, filter; filter = filters[i]; i++) {
if (filter = filter[method]) {
value = filter(key, value);
}
}
return value;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/string/toCamelCase.js
* author: erik, berg
* version: 1.2
* date: 2010-06-22
*/
/**
* 将目标字符串进行驼峰化处理
* @name baidu.string.toCamelCase
* @function
* @grammar baidu.string.toCamelCase(source)
* @param {string} source 目标字符串
* @remark
* 支持单词以“-_”分隔
* @meta standard
*
* @returns {string} 驼峰化处理后的字符串
*/
//todo:考虑以后去掉下划线支持？
baidu.string.toCamelCase = function (source) {
//提前判断，提高getStyle等的效率 thanks xianwei
if (source.indexOf('-') < 0 && source.indexOf('_') < 0) {
return source;
}
return source.replace(/[-_][^-_]/g, function (match) {
return match.charAt(1).toUpperCase();
});
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 获取目标元素的样式值
* @name baidu.dom.getStyle
* @function
* @grammar baidu.dom.getStyle(element, key)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @param {string} key 要获取的样式名
* @remark
*
* 为了精简代码，本模块默认不对任何浏览器返回值进行归一化处理（如使用getStyle时，不同浏览器下可能返回rgb颜色或hex颜色），也不会修复浏览器的bug和差异性（如设置IE的float属性叫styleFloat，firefox则是cssFloat）。
* baidu.dom._styleFixer和baidu.dom._styleFilter可以为本模块提供支持。
* 其中_styleFilter能对颜色和px进行归一化处理，_styleFixer能对display，float，opacity，textOverflow的浏览器兼容性bug进行处理。
* @shortcut getStyle
* @meta standard
* @see baidu.dom.setStyle,baidu.dom.setStyles, baidu.dom.getComputedStyle
*
* @returns {string} 目标元素的样式值
*/
// TODO
// 1. 无法解决px/em单位统一的问题（IE）
// 2. 无法解决样式值为非数字值的情况（medium等 IE）
baidu.dom.getStyle = function (element, key) {
var dom = baidu.dom;
element = dom.g(element);
key = baidu.string.toCamelCase(key);
//computed style, then cascaded style, then explicitly set style.
var value = element.style[key] ||
(element.currentStyle ? element.currentStyle[key] : "") ||
dom.getComputedStyle(element, key);
// 在取不到值的时候，用fixer进行修正
if (!value) {
var fixer = dom._styleFixer[key];
if(fixer){
value = fixer.get ? fixer.get(element) : baidu.dom.getStyle(element, fixer);
}
}
/* 检查结果过滤器 */
if (fixer = dom._styleFilter) {
value = fixer.filter(key, value, 'get');
}
return value;
};
// 声明快捷方法
baidu.getStyle = baidu.dom.getStyle;
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/event.js
* author: erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* @namespace baidu.event 屏蔽浏览器差异性的事件封装。
* @property target 事件的触发元素
* @property pageX 鼠标事件的鼠标x坐标
* @property pageY 鼠标事件的鼠标y坐标
* @property keyCode 键盘事件的键值
*/
baidu.event = baidu.event || {};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/event/_listeners.js
* author: erik
* version: 1.1.0
* date: 2009/11/23
*/
/**
* 事件监听器的存储表
* @private
* @meta standard
*/
baidu.event._listeners = baidu.event._listeners || [];
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/event/on.js
* author: erik
* version: 1.1.0
* date: 2009/12/16
*/
/**
* 为目标元素添加事件监听器
* @name baidu.event.on
* @function
* @grammar baidu.event.on(element, type, listener)
* @param {HTMLElement|string|window} element 目标元素或目标元素id
* @param {string} type 事件类型
* @param {Function} listener 需要添加的监听器
* @remark
*
1. 不支持跨浏览器的鼠标滚轮事件监听器添加
2. 改方法不为监听器灌入事件对象，以防止跨iframe事件挂载的事件对象获取失败
* @shortcut on
* @meta standard
* @see baidu.event.un
*
* @returns {HTMLElement|window} 目标元素
*/
baidu.event.on = function (element, type, listener) {
type = type.replace(/^on/i, '');
element = baidu.dom._g(element);
var realListener = function (ev) {
// 1. 这里不支持EventArgument, 原因是跨frame的事件挂载
// 2. element是为了修正this
listener.call(element, ev);
},
lis = baidu.event._listeners,
filter = baidu.event._eventFilter,
afterFilter,
realType = type;
type = type.toLowerCase();
// filter过滤
if(filter && filter[type]){
afterFilter = filter[type](element, type, realListener);
realType = afterFilter.type;
realListener = afterFilter.listener;
}
// 事件监听器挂载
if (element.addEventListener) {
element.addEventListener(realType, realListener, false);
} else if (element.attachEvent) {
element.attachEvent('on' + realType, realListener);
}
// 将监听器存储到数组中
lis[lis.length] = [element, type, listener, realListener, realType];
return element;
};
// 声明快捷方法
baidu.on = baidu.event.on;
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/event/un.js
* author: erik
* version: 1.1.0
* date: 2009/12/16
*/
/**
* 为目标元素移除事件监听器
* @name baidu.event.un
* @function
* @grammar baidu.event.un(element, type, listener)
* @param {HTMLElement|string|window} element 目标元素或目标元素id
* @param {string} type 事件类型
* @param {Function} listener 需要移除的监听器
* @shortcut un
* @meta standard
* @see baidu.event.on
*
* @returns {HTMLElement|window} 目标元素
*/
baidu.event.un = function (element, type, listener) {
element = baidu.dom._g(element);
type = type.replace(/^on/i, '').toLowerCase();
var lis = baidu.event._listeners,
len = lis.length,
isRemoveAll = !listener,
item,
realType, realListener;
//如果将listener的结构改成json
//可以节省掉这个循环，优化性能
//但是由于un的使用频率并不高，同时在listener不多的时候
//遍历数组的性能消耗不会对代码产生影响
//暂不考虑此优化
while (len--) {
item = lis[len];
// listener存在时，移除element的所有以listener监听的type类型事件
// listener不存在时，移除element的所有type类型事件
if (item[1] === type
&& item[0] === element
&& (isRemoveAll || item[2] === listener)) {
realType = item[4];
realListener = item[3];
if (element.removeEventListener) {
element.removeEventListener(realType, realListener, false);
} else if (element.detachEvent) {
element.detachEvent('on' + realType, realListener);
}
lis.splice(len, 1);
}
}
return element;
};
// 声明快捷方法
baidu.un = baidu.event.un;
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/event/preventDefault.js
* author: erik
* version: 1.1.0
* date: 2009/11/23
*/
/**
* 阻止事件的默认行为
* @name baidu.event.preventDefault
* @function
* @grammar baidu.event.preventDefault(event)
* @param {Event} event 事件对象
* @meta standard
* @see baidu.event.stop,baidu.event.stopPropagation
*/
baidu.event.preventDefault = function (event) {
if (event.preventDefault) {
event.preventDefault();
} else {
event.returnValue = false;
}
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/page.js
* author: erik
* version: 1.1.0
* date: 2009/11/17
*/
/**
* @namespace baidu.page 对页面层面的封装，包括页面的高宽属性、以及外部css和js的动态添加。
*/
baidu.page = baidu.page || {};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/page/getScrollTop.js
* author: erik
* version: 1.1.0
* date: 2009/11/17
*/
/**
* 获取纵向滚动量
* @name baidu.page.getScrollTop
* @function
* @grammar baidu.page.getScrollTop()
* @see baidu.page.getScrollLeft
* @meta standard
* @returns {number} 纵向滚动量
*/
baidu.page.getScrollTop = function () {
var d = document;
return window.pageYOffset || d.documentElement.scrollTop || d.body.scrollTop;
};
/**
* 获取横向滚动量
* @name baidu.page.getScrollLeft
* @function
* @grammar baidu.page.getScrollLeft()
* @see baidu.page.getScrollTop
*
* @returns {number} 横向滚动量
*/
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/page/getScrollLeft.js
* author: erik
* version: 1.1.0
* date: 2009/11/17
*/
/**
* 获取横向滚动量
*
* @return {number} 横向滚动量
*/
baidu.page.getScrollLeft = function () {
var d = document;
return window.pageXOffset || d.documentElement.scrollLeft || d.body.scrollLeft;
};
/**
* 获得页面里的目前鼠标所在的坐标
* @name baidu.page.getMousePosition
* @function
* @grammar baidu.page.getMousePosition()
* @version 1.2
*
* @returns {object} 鼠标坐标值{x:[Number], y:[Number]}
*/
/*
* Tangram
* Copyright 2010 Baidu Inc. All rights reserved.
*
* path: baidu/page/getMousePosition.js
* author: meizz
* version: 1.1.0
* date: 2010/06/02
*/
/**
* 取得当前页面里的目前鼠标所在的坐标（x y）
*
* @return {JSON} 当前鼠标的坐标值({x, y})
*/
(function(){
baidu.page.getMousePosition = function(){
return {
x : baidu.page.getScrollLeft() + xy.x,
y : baidu.page.getScrollTop() + xy.y
};
};
var xy = {x:0, y:0};
// 监听当前网页的 mousemove 事件以获得鼠标的实时坐标
baidu.event.on(document, "onmousemove", function(e){
e = window.event || e;
xy.x = e.clientX;
xy.y = e.clientY;
});
})();
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/getPosition.js
* author: berg
* version: 1.2.0
* date: 2010/12/16
*
* thanks google closure & jquery
* 本函数部分思想来自：http://code.google.com/p/doctype/wiki/ArticlePageOffset
*/
/**
* 获取目标元素相对于整个文档左上角的位置
* @name baidu.dom.getPosition
* @function
* @grammar baidu.dom.getPosition(element)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @meta standard
*
* @returns {Object} 目标元素的位置，键值为top和left的Object。
*/
baidu.dom.getPosition = function (element) {
element = baidu.dom.g(element);
var doc = baidu.dom.getDocument(element),
browser = baidu.browser,
getStyle = baidu.dom.getStyle,
// Gecko 1.9版本以下用getBoxObjectFor计算位置
// 但是某些情况下是有bug的
// 对于这些有bug的情况
// 使用递归查找的方式
BUGGY_GECKO_BOX_OBJECT = browser.isGecko > 0 &&
doc.getBoxObjectFor &&
getStyle(element, 'position') == 'absolute' &&
(element.style.top === '' || element.style.left === ''),
pos = {"left":0,"top":0},
viewport = (browser.ie && !browser.isStrict) ? doc.body : doc.documentElement,
parent,
box;
if(element == viewport){
return pos;
}
if(element.getBoundingClientRect){ // IE and Gecko 1.9+
//当HTML或者BODY有border width时, 原生的getBoundingClientRect返回值是不符合预期的
//考虑到通常情况下 HTML和BODY的border只会设成0px,所以忽略该问题.
box = element.getBoundingClientRect();
pos.left = Math.floor(box.left) + Math.max(doc.documentElement.scrollLeft, doc.body.scrollLeft);
pos.top = Math.floor(box.top) + Math.max(doc.documentElement.scrollTop, doc.body.scrollTop);
// IE会给HTML元素添加一个border，默认是medium（2px）
// 但是在IE 6 7 的怪异模式下，可以被html { border: 0; } 这条css规则覆盖
// 在IE7的标准模式下，border永远是2px，这个值通过clientLeft 和 clientTop取得
// 但是。。。在IE 6 7的怪异模式，如果用户使用css覆盖了默认的medium
// clientTop和clientLeft不会更新
pos.left -= doc.documentElement.clientLeft;
pos.top -= doc.documentElement.clientTop;
var htmlDom = doc.body,
// 在这里，不使用element.style.borderLeftWidth，只有computedStyle是可信的
htmlBorderLeftWidth = parseInt(getStyle(htmlDom, 'borderLeftWidth')),
htmlBorderTopWidth = parseInt(getStyle(htmlDom, 'borderTopWidth'));
if(browser.ie && !browser.isStrict){
pos.left -= isNaN(htmlBorderLeftWidth) ? 2 : htmlBorderLeftWidth;
pos.top -= isNaN(htmlBorderTopWidth) ? 2 : htmlBorderTopWidth;
}
/*
* 因为firefox 3.6和4.0在特定页面下(场景待补充)都会出现1px偏移,所以暂时移除该逻辑分支
* 如果 2.0版本时firefox仍存在问题,该逻辑分支将彻底移除. by rocy 2011-01-20
} else if (doc.getBoxObjectFor && !BUGGY_GECKO_BOX_OBJECT){ // gecko 1.9-
// 1.9以下的Gecko，会忽略ancestors的scroll值
// https://bugzilla.mozilla.org/show_bug.cgi?id=328881 and
// https://bugzilla.mozilla.org/show_bug.cgi?id=330619
box = doc.getBoxObjectFor(element);
var vpBox = doc.getBoxObjectFor(viewport);
pos.left = box.screenX - vpBox.screenX;
pos.top = box.screenY - vpBox.screenY;
*/
} else { // safari/opera/firefox
parent = element;
do {
pos.left += parent.offsetLeft;
pos.top += parent.offsetTop;
// safari里面，如果遍历到了一个fixed的元素，后面的offset都不准了
if (browser.isWebkit > 0 && getStyle(parent, 'position') == 'fixed') {
pos.left += doc.body.scrollLeft;
pos.top += doc.body.scrollTop;
break;
}
parent = parent.offsetParent;
} while (parent && parent != element);
// 对body offsetTop的修正
if(browser.opera > 0 || (browser.isWebkit > 0 && getStyle(element, 'position') == 'absolute')){
pos.top -= doc.body.offsetTop;
}
// 计算除了body的scroll
parent = element.offsetParent;
while (parent && parent != doc.body) {
pos.left -= parent.scrollLeft;
// see https://bugs.opera.com/show_bug.cgi?id=249965
// if (!b.opera || parent.tagName != 'TR') {
if (!browser.opera || parent.tagName != 'TR') {
pos.top -= parent.scrollTop;
}
parent = parent.offsetParent;
}
}
return pos;
};
/*
* Tangram
* Copyright 2010 Baidu Inc. All rights reserved.
*
* path: baidu/dom/drag.js
* author: meizz, berg, lxp
* version: 1.1.0
* date: 2010/06/02
*/
/**
* 拖动指定的DOM元素
* @name baidu.dom.drag
* @function
* @grammar baidu.dom.drag(element, options)
* @param {HTMLElement|string} element 元素或者元素的id
* @param {Object} options 拖曳配置项
* @param {Array} options.range 限制drag的拖拽范围，数组中必须包含四个值，分别是上、右、下、左边缘相对上方或左方的像素距离。默认无限制
* @param {Number} options.interval 拖曳行为的触发频度（时间：毫秒）
* @param {Boolean} options.capture 鼠标拖曳粘滞
* @param {Object} options.mouseEvent 键名为clientX和clientY的object，若不设置此项，默认会获取当前鼠标位置
* @param {Function} options.ondragstart drag开始时触发
* @param {Function} options.ondrag drag进行中触发
* @param {Function} options.ondragend drag结束时触发
* @param {function} options.autoStop 是否在onmouseup时自动停止拖拽。默认为true
* @version 1.2
* @remark
*
要拖拽的元素必须事先设定样式的postion值，如果postion为absloute，并且没有设定top和left，拖拽开始时，无法取得元素的top和left值，这时会从[0,0]点开始拖拽
* @see baidu.dom.draggable
*/
/**
* 拖曳DOM元素
* @param {HTMLElement|ID} element 被拖曳的元素
* @param {JSON} options 拖曳配置项
* {autoStop, interval, capture, range, ondragstart, ondragend, ondrag, mouseEvent}
*/
(function(){
var target, // 被拖曳的DOM元素
op, ox, oy, //timer,
top, left, mozUserSelect,
lastLeft, lastTop,
isFunction = baidu.lang.isFunction,
timer,
offset_parent,offset_target;
baidu.dom.drag = function(element, options) {
//每次开始拖拽的时候重置lastTop和lastLeft
lastTop = lastLeft = null;
if (!(target = baidu.dom.g(element))) return false;
op = baidu.object.extend({
autoStop:true // false 用户手动结束拖曳 ｜ true 在mouseup时自动停止拖曳
,capture : true // 鼠标拖曳粘滞
,interval : 16 // 拖曳行为的触发频度（时间：毫秒）
,handler : target
}, options);
offset_parent = baidu.dom.getPosition(target.offsetParent);
offset_target = baidu.dom.getPosition(target);
if(baidu.getStyle(target,'position') == "absolute"){
top = offset_target.top - (target.offsetParent == document.body ? 0 : offset_parent.top);
left = offset_target.left - (target.offsetParent == document.body ? 0 :offset_parent.left);
}else{
top = parseFloat(baidu.getStyle(target,"top")) || -parseFloat(baidu.getStyle(target,"bottom")) || 0;
left = parseFloat(baidu.getStyle(target,"left")) || -parseFloat(baidu.getStyle(target,"right")) || 0;
}
if(op.mouseEvent){
// [2010/11/16] 可以不依赖getMousePosition，直接通过一个可选参数获得鼠标位置
ox = baidu.page.getScrollLeft() + op.mouseEvent.clientX;
oy = baidu.page.getScrollTop() + op.mouseEvent.clientY;
}else{
var xy = baidu.page.getMousePosition(); // 得到当前鼠标坐标值
ox = xy.x;
oy = xy.y;
}
//timer = setInterval(render, op.interval);
// 这项为 true，缺省在 onmouseup 事件终止拖曳
op.autoStop && baidu.event.on(op.handler, "mouseup", stop);
op.autoStop && baidu.event.on(window, "mouseup", stop);
// 在拖曳过程中页面里的文字会被选中高亮显示，在这里修正
baidu.event.on(document, "selectstart", unselect);
// 设置鼠标粘滞
if (op.capture && op.handler.setCapture) {
op.handler.setCapture();
} else if (op.capture && window.captureEvents) {
window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
}
//baidu.on(target,"mousemove",render);
// fixed for firefox
mozUserSelect = document.body.style.MozUserSelect;
document.body.style.MozUserSelect = "none";
// ondragstart 事件
if(isFunction(op.ondragstart)){
op.ondragstart(target, op);
}
timer = setInterval(render, op.interval);
return {stop : stop, update : update};
};
/**
* 更新当前拖拽对象的属性
*/
function update(options){
baidu.extend(op, options);
}
/**
* 手动停止拖拽
*/
function stop() {
clearInterval(timer);
// 解除鼠标粘滞
if (op.capture && op.handler.releaseCapture) {
op.handler.releaseCapture();
} else if (op.capture && window.releaseEvents) {
window.releaseEvents(Event.MOUSEMOVE|Event.MOUSEUP);
}
// 拖曳时网页内容被框选
document.body.style.MozUserSelect = mozUserSelect;
baidu.event.un(document, "selectstart", unselect);
op.autoStop && baidu.event.un(op.handler, "mouseup", stop);
op.autoStop && baidu.event.un(window, "mouseup", stop);
// ondragend 事件
if(isFunction(op.ondragend)){
op.ondragend(target, op);
}
}
// 对DOM元素进行top/left赋新值以实现拖曳的效果
function render(e) {
var rg = op.range,
xy = baidu.page.getMousePosition(),
el = left + xy.x - ox,
et = top + xy.y - oy;
// 如果用户限定了可拖动的范围
if (typeof rg == "object" && rg && rg.length == 4) {
el = Math.max(rg[3], el);
el = Math.min(rg[1] - target.offsetWidth, el);
et = Math.max(rg[0], et);
et = Math.min(rg[2] - target.offsetHeight, et);
}
target.style.top = et + "px";
target.style.left = el + "px";
if((lastLeft !== el || lastTop !== et) && (lastLeft !== null || lastTop !== null) ){
if(isFunction(op.ondrag)){
op.ondrag(target, op);
}
}
lastLeft = el;
lastTop = et;
}
// 对document.body.onselectstart事件进行监听，避免拖曳时文字被选中
function unselect(e) {
return baidu.event.preventDefault(e, false);
}
})();
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/setStyle.js
* author: allstar
* version: 1.1.0
* date: 2009/11/18
*/
/**
* 设置目标元素的style样式值
* @name baidu.dom.setStyle
* @function
* @grammar baidu.dom.setStyle(element, key, value)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @param {string} key 要设置的样式名
* @param {string} value 要设置的样式值
* @remark
*
为了精简代码，本模块默认不对任何浏览器返回值进行归一化处理（如使用getStyle时，不同浏览器下可能返回rgb颜色或hex颜色），也不会修复浏览器的bug和差异性（如设置IE的float属性叫styleFloat，firefox则是cssFloat）。
baidu.dom._styleFixer和baidu.dom._styleFilter可以为本模块提供支持。
其中_styleFilter能对颜色和px进行归一化处理，_styleFixer能对display，float，opacity，textOverflow的浏览器兼容性bug进行处理。
* @shortcut setStyle
* @meta standard
* @see baidu.dom.getStyle,baidu.dom.setStyles
*
* @returns {HTMLElement} 目标元素
*/
baidu.dom.setStyle = function (element, key, value) {
var dom = baidu.dom, fixer;
// 放弃了对firefox 0.9的opacity的支持
element = dom.g(element);
key = baidu.string.toCamelCase(key);
if (fixer = dom._styleFilter) {
value = fixer.filter(key, value, 'set');
}
fixer = dom._styleFixer[key];
(fixer && fixer.set) ? fixer.set(element, value) : (element.style[fixer || key] = value);
return element;
};
// 声明快捷方法
baidu.setStyle = baidu.dom.setStyle;
/*
* Tangram
* Copyright 2010 Baidu Inc. All rights reserved.
*/
/**
* 让一个DOM元素可拖拽
* @name baidu.dom.draggable
* @function
* @grammar baidu.dom.draggable(element[, options])
* @param {string|HTMLElement} element 元素或者元素的ID.
* @param {Object} [options] 选项.
* @config {Array} [range] 限制drag的拖拽范围，数组中必须包含四个值，分别是上、右、下、左边缘相对上方或左方的像素距离。默认无限制.
* @config {Number} [interval] 拖曳行为的触发频度（时间：毫秒）.
* @config {Boolean} [capture] 鼠标拖曳粘滞.
* @config {Object} [mouseEvent] 键名为clientX和clientY的object，若不设置此项，默认会获取当前鼠标位置.
* @config {Function} [onbeforedragstart] drag开始前触发（即鼠标按下时）.
* @config {Function} [ondragstart] drag开始时触发.
* @config {Function} [ondrag] drag进行中触发.
* @config {Function} [ondragend] drag结束时触发.
* @config {HTMLElement} [handler] 用于拖拽的手柄，比如dialog的title.
* @config {Function} [toggle] 在每次ondrag的时候，会调用这个方法判断是否应该停止拖拽。如果此函数返回值为false，则停止拖拽.
* @version 1.2
* @remark 要拖拽的元素必须事先设定样式的postion值，如果postion为absloute，并且没有设定top和left，拖拽开始时，无法取得元素的top和left值，这时会从[0,0]点开始拖拽
如果要拖拽的元素是static定位，会被改成relative定位方式。
* @see baidu.dom.drag
* @return {Draggable Instance} 拖拽实例，包含cancel方法，可以停止拖拽.
*/
baidu.dom.draggable = function(element, options) {
options = baidu.object.extend({toggle: function() {return true}}, options || {});
options.autoStop = true;
element = baidu.dom.g(element);
options.handler = options.handler || element;
var manager,
events = ['ondragstart', 'ondrag', 'ondragend'],
i = events.length - 1,
eventName,
dragSingle,
draggableSingle = {
dispose: function() {
dragSingle && dragSingle.stop();
baidu.event.un(options.handler, 'onmousedown', handlerMouseDown);
baidu.lang.Class.prototype.dispose.call(draggableSingle);
}
},
me = this;
//如果存在ddManager, 将事件转发到ddManager中
if (manager = baidu.dom.ddManager) {
for (; i >= 0; i--) {
eventName = events[i];
options[eventName] = (function(eventName) {
var fn = options[eventName];
return function() {
baidu.lang.isFunction(fn) && fn.apply(me, arguments);
manager.dispatchEvent(eventName, {DOM: element});
}
})(eventName);
}
}
// 拖曳只针对有 position 定位的元素
if (element) {
function handlerMouseDown(e) {
var event = options.mouseEvent = window.event || e;
if (event.button > 1 //只支持鼠标左键拖拽; 左键代码: IE为1,W3C为0
// 可以通过配置项里的这个开关函数暂停或启用拖曳功能
|| (baidu.lang.isFunction(options.toggle) && !options.toggle())) {
return;
}
if (baidu.dom.getStyle(element, 'position') == 'static') {
baidu.dom.setStyle(element, 'position', 'relative');
}
if (baidu.lang.isFunction(options.onbeforedragstart)) {
options.onbeforedragstart(element);
}
dragSingle = baidu.dom.drag(element, options);
draggableSingle.stop = dragSingle.stop;
draggableSingle.update = dragSingle.update;
//防止ff下出现禁止拖拽的图标
baidu.event.preventDefault(event);
}
// 对拖曳的扳机元素监听 onmousedown 事件，以便进行拖曳行为
baidu.event.on(options.handler, 'onmousedown', handlerMouseDown);
}
return {
cancel: function() {
draggableSingle.dispose();
}
};
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/intersect.js
* author: allstar
* version: 1.1.0
* date: 2009/12/02
*/
/**
* 检查两个元素是否相交
* @name baidu.dom.intersect
* @function
* @grammar baidu.dom.intersect(element1, element2)
* @param {HTMLElement|string} element1 要检查的元素或元素的id
* @param {HTMLElement|string} element2 要检查的元素或元素的id
* @see baidu.dom.contains
*
* @returns {boolean} 两个元素是否相交的检查结果
*/
baidu.dom.intersect = function (element1, element2) {
var g = baidu.dom.g,
getPosition = baidu.dom.getPosition,
max = Math.max,
min = Math.min;
element1 = g(element1);
element2 = g(element2);
var pos1 = getPosition(element1),
pos2 = getPosition(element2);
return max(pos1.left, pos2.left) <= min(pos1.left + element1.offsetWidth, pos2.left + element2.offsetWidth)
&& max(pos1.top, pos2.top) <= min(pos1.top + element1.offsetHeight, pos2.top + element2.offsetHeight);
};
/*
* Tangram
* Copyright 2010 Baidu Inc. All rights reserved.
*
* path: baidu/dom/droppable.js
* author: rocy
* version: 1.4.0
* date: 2010/10/14
*/
//TODO: 添加对 accept, hoverclass 等参数的支持.
/**
* 让一个DOM元素可以容纳被拖拽的DOM元素
* @name baidu.dom.droppable
* @function
* @grammar baidu.dom.droppable(element[, options])
* @param {HTMLElement|string} element 容器元素或者容器元素的ID
* @param {Object} [options] 选项，拖拽元素对于容器元素的事件
* @config {Function} [ondrop] 当元素放到容器元素内部触发
* @config {Function} [ondropover] 当元素在容器元素上方时触发
* @config {Function} [ondropout] 当元素移除容器元素时触发
* @version 1.3
* @remark
*
需要将元素和容器元素的定位都设置为absolute
* @see baidu.dom.droppable
*
* @returns {Function} cancel取消拖拽
*/
baidu.dom.droppable = function(element, options){
options = options || {};
var manager = baidu.dom.ddManager,
target = baidu.dom.g(element),
guid = baidu.lang.guid(),
//拖拽进行时判断
_dragging = function(event){
var _targetsDroppingOver = manager._targetsDroppingOver,
eventData = {trigger:event.DOM,reciever: target};
//判断被拖拽元素和容器是否相撞
if(baidu.dom.intersect(target, event.DOM)){
//进入容器区域
if(! _targetsDroppingOver[guid]){
//初次进入
(typeof options.ondropover == 'function') && options.ondropover.call(target,eventData);
manager.dispatchEvent("ondropover", eventData);
_targetsDroppingOver[guid] = true;
}
} else {
//出了容器区域
if(_targetsDroppingOver[guid]){
(typeof options.ondropout == 'function') && options.ondropout.call(target,eventData);
manager.dispatchEvent("ondropout", eventData);
}
delete _targetsDroppingOver[guid];
}
},
//拖拽结束时判断
_dragend = function(event){
var eventData = {trigger:event.DOM,reciever: target};
if(baidu.dom.intersect(target, event.DOM)){
typeof options.ondrop == 'function' && options.ondrop.call(target, eventData);
manager.dispatchEvent("ondrop", eventData);
}
delete manager._targetsDroppingOver[guid];
};
//事件注册,return object提供事件解除
manager.addEventListener("ondrag", _dragging);
manager.addEventListener("ondragend", _dragend);
return {
cancel : function(){
manager.removeEventListener("ondrag", _dragging);
manager.removeEventListener("ondragend",_dragend);
}
};
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/empty.js
* author: berg
* version: 1.0
* date: 2010-07-06
*/
/**
* 删除一个节点下面的所有子节点。
* @name baidu.dom.empty
* @function
* @grammar baidu.dom.empty(element)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @version 1.3
*
* @returns {HTMLElement} 目标元素
*/
baidu.dom.empty = function (element) {
element = baidu.dom.g(element);
while(element.firstChild){
element.removeChild(element.firstChild);
}
//todo：删除元素上绑定的事件等?
return element;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/_matchNode.js
* author: allstar
* version: 1.1.0
* date: 2009/11/18
*/
/**
* 从目标元素指定的方向搜索元素
*
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @param {string} direction 遍历的方向名称，取值为previousSibling,nextSibling
* @param {string} start 遍历的开始位置，取值为firstChild,lastChild,previousSibling,nextSibling
* @meta standard
* @return {HTMLElement} 搜索到的元素，如果没有找到，返回 null
*/
baidu.dom._matchNode = function (element, direction, start) {
element = baidu.dom.g(element);
for (var node = element[start]; node; node = node[direction]) {
if (node.nodeType == 1) {
return node;
}
}
return null;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/first.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/11/18
*/
/**
* 获取目标元素的第一个元素节点
* @name baidu.dom.first
* @function
* @grammar baidu.dom.first(element)
* @param {HTMLElement|String} element 目标元素或目标元素的id
* @see baidu.dom.last,baidu.dom.prev,baidu.dom.next
* @meta standard
* @returns {HTMLElement|null} 目标元素的第一个元素节点，查找不到时返回null
*/
baidu.dom.first = function (element) {
return baidu.dom._matchNode(element, 'nextSibling', 'firstChild');
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/getAttr.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* 获取目标元素的属性值
* @name baidu.dom.getAttr
* @function
* @grammar baidu.dom.getAttr(element, key)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @param {string} key 要获取的attribute键名
* @shortcut getAttr
* @meta standard
* @see baidu.dom.setAttr,baidu.dom.setAttrs
*
* @returns {string|null} 目标元素的attribute值，获取不到时返回null
*/
baidu.dom.getAttr = function (element, key) {
element = baidu.dom.g(element);
if ('style' == key){
return element.style.cssText;
}
key = baidu.dom._NAME_ATTRS[key] || key;
return element.getAttribute(key);
};
// 声明快捷方法
baidu.getAttr = baidu.dom.getAttr;
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/setStyles.js
* author: allstar
* version: 1.1.0
* date: 2009/11/18
*/
/**
* 批量设置目标元素的style样式值
* @name baidu.dom.setStyles
* @function
* @grammar baidu.dom.setStyles(element, styles)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @param {Object} styles 要设置的样式集合
* @shortcut setStyles
* @meta standard
* @see baidu.dom.setStyle,baidu.dom.getStyle
*
* @returns {HTMLElement} 目标元素
*/
baidu.dom.setStyles = function (element, styles) {
element = baidu.dom.g(element);
for (var key in styles) {
baidu.dom.setStyle(element, key, styles[key]);
}
return element;
};
// 声明快捷方法
baidu.setStyles = baidu.dom.setStyles;
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/page/getViewHeight.js
* author: allstar
* version: 1.1.0
* date: 2009/11/20
*/
/**
* 获取页面视觉区域高度
* @name baidu.page.getViewHeight
* @function
* @grammar baidu.page.getViewHeight()
* @see baidu.page.getViewWidth
* @meta standard
* @returns {number} 页面视觉区域高度
*/
baidu.page.getViewHeight = function () {
var doc = document,
client = doc.compatMode == 'BackCompat' ? doc.body : doc.documentElement;
return client.clientHeight;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/page/getViewWidth.js
* author: allstar
* version: 1.1.0
* date: 2009/11/20
*/
/**
* 获取页面视觉区域宽度
* @name baidu.page.getViewWidth
* @function
* @grammar baidu.page.getViewWidth()
* @see baidu.page.getViewHeight
*
* @returns {number} 页面视觉区域宽度
*/
baidu.page.getViewWidth = function () {
var doc = document,
client = doc.compatMode == 'BackCompat' ? doc.body : doc.documentElement;
return client.clientWidth;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/_styleFilter/px.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* 提供给setStyle与getStyle使用
* @meta standard
*/
baidu.dom._styleFilter[baidu.dom._styleFilter.length] = {
set: function (key, value) {
if (value.constructor == Number
&& !/zIndex|fontWeight|opacity|zoom|lineHeight/i.test(key)){
value = value + "px";
}
return value;
}
};
/*
* Tangram
* Copyright 2010 Baidu Inc. All right reserved.
*/
/**
* 使目标元素拥有可进行与页面可见区域相对位置保持不变的移动的能力
* @name T.dom.fixable
* @function
* @param {HTMLElement|String} element 目标元素或目标元素的id
* @param {Object} options 配置项
* @config {String} [vertival] 取值[top|bottom] 默认值 top
* @config {Strgin} [horizontal] 取值[left|right] 默认值 left
* @config {Object} [offset] {x:String|Number, y:String|Number}} 横向与纵向的取值
* @config {Boolean} [autofix] 是否自动进行fix，默认值为true
* @config {Function} [onrender] 当被渲染时候触发
* @config {Function} [onupdate] 当位置被更新的时候触发
* @config {Function} [onrelease] 当被释放的时候触发
* @return {Object} 返回值一个对象，有三个方法：render、update、release
*/
baidu.dom.fixable = function(element, options){
var target = baidu.g(element),
isUnderIE7 = baidu.browser.ie && baidu.browser.ie <= 7 ? true : false,
vertival = options.vertival || 'top',
horizontal = options.horizontal || 'left',
autofix = typeof options.autofix != 'undefined' ? options.autofix : true,
origPos,offset,isRender = false,
onrender = options.onrender || new Function(),
onupdate = options.onupdate || new Function(),
onrelease = options.onrelease || new Function();
if(!target) return;
//获取target原始值
origPos = _getOriginalStyle();
//设置offset值
offset = {
y: isUnderIE7 ? (origPos.position == "static" ? baidu.dom.getPosition(target).top : baidu.dom.getPosition(target).top - baidu.dom.getPosition(target.parentNode).top) : target.offsetTop,
x: isUnderIE7 ? (origPos.position == "static" ? baidu.dom.getPosition(target).left : baidu.dom.getPosition(target).left - baidu.dom.getPosition(target.parentNode).left) : target.offsetLeft
};
baidu.extend(offset, options.offset || {});
autofix && render();
function _convert(){
return {
top : vertival == "top" ? offset.y : baidu.page.getViewHeight() - offset.y - origPos.height,
left: horizontal == "left" ? offset.x : baidu.page.getViewWidth() - offset.x - origPos.width
};
}
/**
*
*/
function _handleOnMove(){
var p = _convert();
target.style.setExpression("left","eval((document.body.scrollLeft || document.documentElement.scrollLeft) + " + p.left + ") + 'px'");
target.style.setExpression("top", "eval((document.body.scrollTop || document.documentElement.scrollTop) + " + p.top + ") + 'px'");
}
/**
* 返回target原始position值
* @return {Object}
*/
function _getOriginalStyle(){
var result = {
position: baidu.getStyle(target,"position"),
height: function(){
var h = baidu.getStyle(target,"height");
return (h != "auto") ? (/\d+/.exec(h)[0]) : target.offsetHeight;
}(),
width: function(){
var w = baidu.getStyle(target,"width");
return (w != "auto") ? (/\d+/.exec(w)[0]) : target.offsetWidth;
}()
};
_getValue('top', result);
_getValue('left', result);
_getValue('bottom', result);
_getValue('right', result);
return result;
}
function _getValue(position, options){
var result;
if(options.position == 'static'){
options[position] = '';
}else{
result = baidu.getStyle(target, position);
if(result == 'auto' || result == '0px' ){
options[position] = '';
}else{
options[position] = result;
}
}
}
function render(){
if(isRender) return;
baidu.setStyles(target, {top:'', left:'', bottom:'', right:''});
if(!isUnderIE7){
var style = {position:"fixed"};
style[vertival == "top" ? "top" : "bottom"] = offset.y + "px";
style[horizontal == "left" ? "left" : "right"] = offset.x + "px";
baidu.setStyles(target, style);
}else{
baidu.setStyle(target,"position","absolute");
_handleOnMove();
}
onrender();
isRender = true;
}
function release(){
if(!isRender) return;
var style = {
position: origPos.position,
left: origPos.left == '' ? 'auto' : origPos.left,
top: origPos.top == '' ? 'auto' : origPos.top,
bottom: origPos.bottom == '' ? 'auto' : origPos.bottom,
right: origPos.right == '' ? 'auto' : origPos.right
};
if(isUnderIE7){
target.style.removeExpression("left");
target.style.removeExpression("top");
}
baidu.setStyles(target, style);
onrelease();
isRender = false;
}
function update(options){
if(!options) return;
//更新事件
onrender = options.onrender || onrender;
onupdate = options.onupdate || onupdate;
onrelease = options.onrelease || onrelease;
//更新设置
vertival = options.vertival || 'top';
horizontal = options.horizontal || 'left';
//更新offset
baidu.extend(offset, options.offset || {});
onupdate();
}
return {render: render, update: update, release:release};
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/getAncestorBy.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* 获取目标元素符合条件的最近的祖先元素
* @name baidu.dom.getAncestorBy
* @function
* @grammar baidu.dom.getAncestorBy(element, method)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @param {Function} method 判断祖先元素条件的函数，function (element)
* @see baidu.dom.getAncestorByTag,baidu.dom.getAncestorByClass
*
* @returns {HTMLElement|null} 符合条件的最近的祖先元素，查找不到时返回null
*/
baidu.dom.getAncestorBy = function (element, method) {
element = baidu.dom.g(element);
while ((element = element.parentNode) && element.nodeType == 1) {
if (method(element)) {
return element;
}
}
return null;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/getAncestorByClass.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* 获取目标元素指定元素className最近的祖先元素
* @name baidu.dom.getAncestorByClass
* @function
* @grammar baidu.dom.getAncestorByClass(element, className)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @param {string} className 祖先元素的class，只支持单个class
* @remark 使用者应保证提供的className合法性，不应包含不合法字符，className合法字符参考：http://www.w3.org/TR/CSS2/syndata.html。
* @see baidu.dom.getAncestorBy,baidu.dom.getAncestorByTag
*
* @returns {HTMLElement|null} 指定元素className最近的祖先元素，查找不到时返回null
*/
baidu.dom.getAncestorByClass = function (element, className) {
element = baidu.dom.g(element);
className = new RegExp("(^|\\s)" + baidu.string.trim(className) + "(\\s|\x24)");
while ((element = element.parentNode) && element.nodeType == 1) {
if (className.test(element.className)) {
return element;
}
}
return null;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/getAncestorByTag.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* 获取目标元素指定标签的最近的祖先元素
* @name baidu.dom.getAncestorByTag
* @function
* @grammar baidu.dom.getAncestorByTag(element, tagName)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @param {string} tagName 祖先元素的标签名
* @see baidu.dom.getAncestorBy,baidu.dom.getAncestorByClass
*
* @returns {HTMLElement|null} 指定标签的最近的祖先元素，查找不到时返回null
*/
baidu.dom.getAncestorByTag = function (element, tagName) {
element = baidu.dom.g(element);
tagName = tagName.toUpperCase();
while ((element = element.parentNode) && element.nodeType == 1) {
if (element.tagName == tagName) {
return element;
}
}
return null;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All right reserved.
*
* path: baidu/dom/getParent.js
* author: berg
* version: 1.0.0
* date: 2010/12/02
*/
/**
* 获得元素的父节点
* @name baidu.dom.getParent
* @function
* @grammar baidu.dom.getParent(element)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @return {HTMLElement|null} 父元素，如果找不到父元素，返回null
*/
baidu.dom.getParent = function (element) {
element = baidu.dom._g(element);
//parentElement在IE下准确，parentNode在ie下可能不准确
return element.parentElement || element.parentNode || null;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/getText.js
* author: berg
* version: 1.0
* date: 2010/07/16
*/
/**
* 获得元素中的文本内容。
* @name baidu.dom.getText
* @function
* @grammar baidu.dom.getText(element)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @version 1.3
*
* @returns {String} 元素中文本的内容
*/
baidu.dom.getText = function (element) {
var ret = "", childs, i=0, l;
element = baidu._g(element);
// text 和 CDATA 节点，取nodeValue
if ( element.nodeType === 3 || element.nodeType === 4 ) {
ret += element.nodeValue;
} else if ( element.nodeType !== 8 ) {// 8 是 comment Node
childs = element.childNodes;
for(l = childs.length; i < l; i++){
ret += baidu.dom.getText(childs[i]);
}
}
return ret;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/getWindow.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* 获取目标元素所属的window对象
* @name baidu.dom.getWindow
* @function
* @grammar baidu.dom.getWindow(element)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @see baidu.dom.getDocument
*
* @returns {window} 目标元素所属的window对象
*/
baidu.dom.getWindow = function (element) {
element = baidu.dom.g(element);
var doc = baidu.dom.getDocument(element);
// 没有考虑版本低于safari2的情况
// @see goog/dom/dom.js#goog.dom.DomHelper.prototype.getWindow
return doc.parentWindow || doc.defaultView || null;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/hasAttr.js
* author: berg
* version: 1.0
* date: 2010/07/16
*/
/**
* 查询一个元素是否包含指定的属性
* @name baidu.dom.hasAttr
* @function
* @grammar baidu.dom.hasAttr(element, name)
* @param {DOMElement|string} element DOM元素或元素的id
* @param {string} name 要查找的属性名
* @version 1.3
*
* @returns {Boolean} 是否包含此属性
*/
baidu.dom.hasAttr = function (element, name){
element = baidu.g(element);
var attr = element.attributes.getNamedItem(name);
return !!( attr && attr.specified );
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/hasClass.js
* author: berg
* version: 1.0
* date: 2010-07-06
*/
/**
* 判断元素是否拥有指定的className
* @name baidu.dom.hasClass
* @function
* @grammar baidu.dom.hasClass(element, className)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @param {string} className 要判断的className，可以是用空格拼接的多个className
* @version 1.2
* @remark
* 对于参数className，支持空格分隔的多个className
* @see baidu.dom.addClass, baidu.dom.removeClass
* @meta standard
* @returns {Boolean} 是否拥有指定的className，如果要查询的classname有一个或多个不在元素的className中，返回false
*/
baidu.dom.hasClass = function (element, className) {
element = baidu.dom.g(element);
var classArray = baidu.string.trim(className).split(/\s+/),
len = classArray.length;
className = element.className.split(/\s+/).join(" ");
while (len--) {
if(!(new RegExp("(^| )" + classArray[len] + "( |\x24)")).test(className)){
return false;
}
}
return true;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/hide.js
* author: allstar
* version: 1.1.0
* date: 2009/11/17
*/
/**
* 隐藏目标元素
* @name baidu.dom.hide
* @function
* @grammar baidu.dom.hide(element)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @shortcut hide
* @meta standard
* @see baidu.dom.show,baidu.dom.toggle
*
* @returns {HTMLElement} 目标元素
*/
baidu.dom.hide = function (element) {
element = baidu.dom.g(element);
element.style.display = "none";
return element;
};
// 声明快捷方法
baidu.hide = baidu.dom.hide;
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/insertAfter.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* 将目标元素添加到基准元素之后
* @name baidu.dom.insertAfter
* @function
* @grammar baidu.dom.insertAfter(newElement, existElement)
* @param {HTMLElement|string} newElement 被添加的目标元素
* @param {HTMLElement|string} existElement 基准元素
* @meta standard
* @see baidu.dom.insertBefore
*
* @returns {HTMLElement} 被添加的目标元素
*/
baidu.dom.insertAfter = function (newElement, existElement) {
var g, existParent;
g = baidu.dom._g;
newElement = g(newElement);
existElement = g(existElement);
existParent = existElement.parentNode;
if (existParent) {
existParent.insertBefore(newElement, existElement.nextSibling);
}
return newElement;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/insertBefore.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/11/17
*/
/**
* 将目标元素添加到基准元素之前
* @name baidu.dom.insertBefore
* @function
* @grammar baidu.dom.insertBefore(newElement, existElement)
* @param {HTMLElement|string} newElement 被添加的目标元素
* @param {HTMLElement|string} existElement 基准元素
* @meta standard
* @see baidu.dom.insertAfter
*
* @returns {HTMLElement} 被添加的目标元素
*/
baidu.dom.insertBefore = function (newElement, existElement) {
var g, existParent;
g = baidu.dom._g;
newElement = g(newElement);
existElement = g(existElement);
existParent = existElement.parentNode;
if (existParent) {
existParent.insertBefore(newElement, existElement);
}
return newElement;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/insertHTML.js
* author: allstar, erik, berg,wenyuxiang,lixiaopeng
* version: 1.1.2
* date: 2010-07-13
*/
/**
* 在目标元素的指定位置插入HTML代码
* @name baidu.dom.insertHTML
* @function
* @grammar baidu.dom.insertHTML(element, position, html)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @param {string} position 插入html的位置信息，取值为beforeBegin,afterBegin,beforeEnd,afterEnd
* @param {string} html 要插入的html
* @remark
*
* 对于position参数，大小写不敏感
* 参数的意思：beforeBegin<span>afterBegin this is span! beforeEnd</span> afterEnd
* 此外，如果使用本函数插入带有script标签的HTML字符串，script标签对应的脚本将不会被执行。
*
* @shortcut insertHTML
* @meta standard
*
* @returns {HTMLElement} 目标元素
*/
baidu.dom.insertHTML = function (element, position, html) {
element = baidu.dom.g(element);
var range,begin;
if (element.insertAdjacentHTML) {
element.insertAdjacentHTML(position, html);
} else {
// 这里不做"undefined" != typeof(HTMLElement) && !window.opera判断，其它浏览器将出错？！
// 但是其实做了判断，其它浏览器下等于这个函数就不能执行了
range = element.ownerDocument.createRange();
// FF下range的位置设置错误可能导致创建出来的fragment在插入dom树之后html结构乱掉
// 改用range.insertNode来插入html, by wenyuxiang @ 2010-12-14.
position = position.toUpperCase();
if (position == 'AFTERBEGIN' || position == 'BEFOREEND') {
range.selectNodeContents(element);
range.collapse(position == 'AFTERBEGIN');
} else {
begin = position == 'BEFOREBEGIN';
range[begin ? 'setStartBefore' : 'setEndAfter'](element);
range.collapse(begin);
}
range.insertNode(range.createContextualFragment(html));
}
return element;
};
baidu.insertHTML = baidu.dom.insertHTML;
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/last.js
* author: allstar
* version: 1.1.0
* date: 2009/11/18
*/
/**
* 获取目标元素的最后一个元素节点
* @name baidu.dom.last
* @function
* @grammar baidu.dom.last(element)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @see baidu.dom.first,baidu.dom.prev,baidu.dom.next
*
* @returns {HTMLElement|null} 目标元素的最后一个元素节点，查找不到时返回null
*/
baidu.dom.last = function (element) {
return baidu.dom._matchNode(element, 'previousSibling', 'lastChild');
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/next.js
* author: allstar
* version: 1.1.0
* date: 2009/11/18
*/
/**
* 获取目标元素的下一个兄弟元素节点
* @name baidu.dom.next
* @function
* @grammar baidu.dom.next(element)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @see baidu.dom.first,baidu.dom.last,baidu.dom.prev
* @meta standard
* @returns {HTMLElement|null} 目标元素的下一个兄弟元素节点，查找不到时返回null
*/
baidu.dom.next = function (element) {
return baidu.dom._matchNode(element, 'nextSibling', 'nextSibling');
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/prev.js
* author: allstar
* version: 1.1.0
* date: 2009/11/18
*/
/**
* 获取目标元素的上一个兄弟元素节点
* @name baidu.dom.prev
* @function
* @grammar baidu.dom.prev(element)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @see baidu.dom.first,baidu.dom.last,baidu.dom.next
*
*
* @returns {HTMLElement|null} 目标元素的上一个兄弟元素节点，查找不到时返回null
*/
baidu.dom.prev = function (element) {
return baidu.dom._matchNode(element, 'previousSibling', 'previousSibling');
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/string/escapeReg.js
* author: erik
* version: 1.1.0
* date: 2009/11/15
*/
/**
* 将目标字符串中可能会影响正则表达式构造的字符串进行转义。
* @name baidu.string.escapeReg
* @function
* @grammar baidu.string.escapeReg(source)
* @param {string} source 目标字符串
* @remark
* 给以下字符前加上“\”进行转义：.*+?^=!:${}()|[]/\
* @meta standard
*
* @returns {string} 转义后的字符串
*/
baidu.string.escapeReg = function (source) {
return String(source)
.replace(new RegExp("([.*+?^=!:\x24{}()|[\\]\/\\\\])", "g"), '\\\x241');
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/q.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* 通过className获取元素
* @name baidu.dom.q
* @function
* @grammar baidu.dom.q(className[, element, tagName])
* @param {string} className 元素的class，只能指定单一的class，如果为空字符串或者纯空白的字符串，返回空数组。
* @param {string|HTMLElement} [element] 开始搜索的元素，默认是document。
* @param {string} [tagName] 要获取元素的标签名，如果没有值或者值为空字符串或者纯空白的字符串，表示不限制标签名。
* @remark 不保证返回数组中DOM节点的顺序和文档中DOM节点的顺序一致。
* @shortcut q,T.Q
* @meta standard
* @see baidu.dom.g
*
* @returns {Array} 获取的元素集合，查找不到或className参数错误时返回空数组.
*/
baidu.dom.q = function (className, element, tagName) {
var result = [],
trim = baidu.string.trim,
len, i, elements, node;
if (!(className = trim(className))) {
return result;
}
// 初始化element参数
if ('undefined' == typeof element) {
element = document;
} else {
element = baidu.dom.g(element);
if (!element) {
return result;
}
}
// 初始化tagName参数
tagName && (tagName = trim(tagName).toUpperCase());
// 查询元素
if (element.getElementsByClassName) {
elements = element.getElementsByClassName(className);
len = elements.length;
for (i = 0; i < len; i++) {
node = elements[i];
if (tagName && node.tagName != tagName) {
continue;
}
result[result.length] = node;
}
} else {
className = new RegExp(
"(^|\\s)"
+ baidu.string.escapeReg(className)
+ "(\\s|\x24)");
elements = tagName
? element.getElementsByTagName(tagName)
: (element.all || element.getElementsByTagName("*"));
len = elements.length;
for (i = 0; i < len; i++) {
node = elements[i];
className.test(node.className) && (result[result.length] = node);
}
}
return result;
};
// 声明快捷方法
baidu.q = baidu.Q = baidu.dom.q;
/*
* Tangram query
*
* code from https://github.com/hackwaly/Q
*
* version: 1.0.0
* date: 20110801
* author: wenyuxiang
*/
/**
* 提供css选择器功能
* @name baidu.dom.query
* @function
* @grammar baidu.dom.query(selector[, context, results])
* @param {String} selector 选择器定义
* @param {HTMLElement | DOMDocument} [context] 查找的上下文
* @param {Array} [results] 查找的结果会追加到这个数组中
* @version 1.2
* @remark
*
选择器支持所有的css3选择器 ，核心实现采用sizzle。可参考sizzle 文档
* @see baidu.dom.g, baidu.dom.q, baidu.dom.query.matches
*
* @returns {Array} 包含所有筛选出的DOM元素的数组
*/
baidu.dom.query = (function (){
var d = document;
d._Q_rev = 0;
var MUTATION = false;
var _onMu = function (){
d._Q_rev ++;
MUTATION = true;
};
if (d.addEventListener) {
d.addEventListener('DOMNodeInserted', _onMu, false);
d.addEventListener('DOMNodeRemoved', _onMu, false);
}
var BY_ID1;
var BY_CLASS;
var IE678 = window.ActiveXObject && !d.addEventListener;
(function (){
var div = d.createElement('div');
div.innerHTML = '';
BY_ID1 = div.getElementsByTagName('*')["d"] === div.lastChild;
div.innerHTML = '';
div.lastChild.className = 'e';
BY_CLASS = div.getElementsByClassName && div.getElementsByClassName('e').length == 2;
})();
var BY_NAME = !!d.getElementsByName;
var BY_ELEMENT = typeof d.documentElement.nextElementSibling !== 'undefined';
var BY_CHILDREN = !!d.documentElement.children;
var BY_CHILDREN_TAG = BY_CHILDREN && !!d.documentElement.children.tags;
var PATTERN = /(?:\s*([ ~+>,])\s*)?(?:([:.#]?)((?:[\w\u00A1-\uFFFF-]|\\.)+|\*)|\[\s*((?:[\w\u00A1-\uFFFF-]|\\.)+)(?:\s*([~^$|*!]?=)\s*((['"]).*?\7|[^\]]*))?\s*\])/g;
function trim(str){
return str.replace(/^\s*|\s*$/, '');
}
function make(kind, array){
return (array.kind = kind, array);
}
var parse = function (){
var text;
var index;
function match(regex){
var mc = (regex.lastIndex = index, regex.exec(text));
return mc && mc.index == index ? (index = regex.lastIndex, mc) : null;
}
function dequote(str){
var ch = str.charAt(0);
return ch == '"' || ch == "'" ? str.slice(1, -1) : str;
}
function error(){ throw ['ParseError', text, index]; }
function parse(){
var mc, simple, seq = [], chain = [seq], group = [chain];
while (mc = match(PATTERN)) {
if (mc[1]) {
if (mc[1] == ',') group.push(chain = []);
if (seq.length) chain.push(seq = []);
if (mc[1] != ',') seq.comb = mc[1];
}
simple = [mc[4] || mc[3]];
if (mc[6]) simple.push(dequote(mc[6]));
simple.kind = mc[5] || (mc[4] ? '[' : mc[2] || 'T');
if (simple[0] == '*' && simple.kind != 'T') error();
if (mc[2] == ':') {
simple.kind = ':' + mc[3];
if (text.charAt(index) == '(') {
index ++;
if (mc[3] == 'not' || mc[3] == 'has') {
var t = index;
simple[0] = parse();
simple[1] = text.slice(t, index);
if (text.charAt(index) == ')') index ++; else error();
} else {
var tmpIndex = text.indexOf(')', index);
if (tmpIndex != -1) {
simple[0] = trim(text.slice(index, tmpIndex));
index = tmpIndex + 1;
} else error();
if (mc[3].indexOf('nth') == 0) {
var tmp = simple[0];
tmp = (tmp == 'even' ? '2n' : tmp == 'odd' ? '2n+1' :
(tmp.indexOf('n') == -1 ? '0n': '') + tmp.replace(/\s*/g, '')).split('n');
simple[0] = !tmp[0] ? 1 : Number(tmp[0]) | 0;
simple[1] = Number(tmp[1]) | 0;
} else if (mc[3] == 'contains') {
simple[0] = dequote(simple[0]);
}
}
}
}
seq.push(simple);
}
return group;
}
return function (selector){
return (text = selector, index = 0, selector = parse(), match(/\s*/g), index < text.length) ? error() : selector;
};
}();
var fRMap = { '#': 9, 'N': BY_NAME ? 7 : 0, '.': BY_CLASS ? 6 : 0, 'T': 5 };
var tRMap = { '#': 9, '=': 9, '[': 8, 'N': 9, 'T': 8, '.': 5, '~=': 3, '|=': 3, '*=': 3,
':not': 6, ':has': 1, ':contains': 3, ':nth-child': 2, ':nth-last-child': 2,
':first-child': 3, ':last-child': 3, ':only-child': 3, ':not-ex': 7 };
var efMap = { id: '#', name: 'N' };
var testingOrder = function (a, b){ return a.tR - b.tR; };
var regPos = /:(nth|eq|gt|lt|first|last|even|odd)$/;
function process(seq){
var finder, t;
var k = seq.length;
while (k --) {
var simple = seq[k];
// 转化[id="xxx"][name="xxx"][tagName="xxx"][className~="xxx"]之类的选择器
// 识别:root,html|head|body|title等全局仅一个的标签的选择器，忽略*选择器
// 合并类选择器以便于使用getElementsByClassName
if (simple.kind == ':html') simple = make('T', 'html');
if (simple.kind == '=') {
if (efMap[simple[0]]) simple = make(efMap[simple[0]], [simple[1]]);
} else if (simple.kind == '~=' && simple[0] == 'className') simple = make('.', [simple[1]]);
if (simple.kind == 'T') {
if (simple[0] == '*') simple.kind = '*'; else seq.tag = simple;
t = simple[0].toLowerCase();
} else if (simple.kind == '.') {
if (!seq.classes) seq.classes = simple; else {
seq.classes.push(simple[0]);
simple.kind = '*';
}
}
if (simple.kind == ':not' && !((t=simple[0],t.length==1)&&(t=t[0],t.length==1))) {
simple.kind = ':not-ex';
}
//remark: 这里是为了支持sizzle的setFilter系列
if (regPos.test(simple.kind)) {
simple[0] = Number(simple[0]) | 0;
var newSimple = make(simple.kind, simple.slice(0));
simple.kind = '*';
if (!seq.allPoses) {
seq.allPoses = [newSimple];
} else {
seq.allPoses.push(newSimple);
}
}
// 计算选择器的得分用于优先级排序等策略
simple.fR = fRMap[simple.kind] | 0;
simple.tR = tRMap[simple.kind] | 0;
if (simple.fR && (!finder || simple.fR > finder.fR)) finder = simple;
seq[k] = simple;
}
// 按照优先级对用于测试的选择器进行排序
seq.sort(testingOrder);
// 记录用于getElementXXX的最佳的选择器
seq.$ = finder;
return seq;
}
// 对chain进行处理
// 注意为了处理方便, 返回的数组是倒序的
// div p a => [div] [p] [a]
// div p>a => [div] [p>a]
function slice(chain){
var part = [];
var parts = [part];
var k = chain.length;
while (k --) {
var seq = chain[k];
seq = process(seq);
seq.N = 'node' + k;
//remark: 这里是为了支持sizzle的setFilter.
if (seq.allPoses) {
if (!chain.allPoses) {
chain.allPoses = [];
}
chain.allPoses.push.apply(chain.allPoses, seq.allPoses);
}
if (seq.$ && (!part.fR || seq.$.fR > part.fR || (seq.$.fR == part.fR && parts.length == 1))) {
part.fR = seq.$.fR;
part.fI = part.length;
}
part.push(seq);
if (seq.comb == ' ' && k && part.fI != null) {
parts.push(part = []);
part.fR = 0;
}
if (k == chain.length - 1 && seq.tag) chain.tag = seq.tag;
}
for (var i=0; i part1.fR || (part.fR == part1.fR && part1.fI != 0)){
parts.splice(i + 1, 1);
part.push.apply(part, part1);
i --;
} else {
part.R = part1[0].N;
}
} else {
part.R = 'root';
}
}
// 如果没有找到任何一个可以用于find的seq.
if (parts[0].fI == null) {
parts[0].fI = 0;
parts[0][0].$ = make('*', ['*']);
}
return parts;
}
function format(tpl, params){
return tpl.replace(/#\{([^}]+)\}/g, function (m, p){
return params[p] == null ? m : params[p] + '';
});
}
var CTX_NGEN = 0;
var TPL_DOC = '/*^var doc=root.ownerDocument||root;^*/';
var TPL_XHTML = TPL_DOC + '/*^var xhtml=Q._isXHTML(doc);^*/';
var TPL_CONTAINS = IE678 ? '#{0}.contains(#{1})' : '#{0}.compareDocumentPosition(#{1})&16';
var TPL_QID = '#{N}._Q_id||(#{N}._Q_id=++qid)';
var TPL_FIND = {
'#': 'var #{N}=Q._byId("#{P}", #{R});if(#{N}){#{X}}',
'N': TPL_DOC + 'var #{N}A=doc.getElementsByName("#{P}");for(var #{N}I=0,#{N};#{N}=#{N}A[#{N}I];#{N}I++){if(#{R}===doc||' + format(TPL_CONTAINS, ['#{R}', '#{N}']) +'){#{X}}}',
'T': 'var #{N}A=#{R}.getElementsByTagName("#{P}");for(var #{N}I=0,#{N};#{N}=#{N}A[#{N}I];#{N}I++){#{X}}',
'.': 'var #{N}A=#{R}.getElementsByClassName("#{P}");for(var #{N}I=0,#{N};#{N}=#{N}A[#{N}I];#{N}I++){#{X}}',
'*': 'var #{N}A=#{R}.getElementsByTagName("*");for(var #{N}I=0,#{N};#{N}=#{N}A[#{N}I];#{N}I++){#{X}}',
'+': BY_ELEMENT ? '/*^var #{N};^*/if(#{N}=#{R}.nextElementSibling){#{X}}' : 'var #{N}=#{R};while(#{N}=#{N}.nextSibling){if(#{N}.nodeType==1){#{X}break;}}',
'~': BY_ELEMENT ? '/*^var #{N}H={};^*/var #{N}=#{R};while(#{N}=#{N}.nextElementSibling){if(#{N}H[' + TPL_QID + '])break;#{N}H[' + TPL_QID + ']=1;#{X}}' : '/*^var #{N}H={};^*/var #{N}=#{R};while(#{N}=#{N}.nextSibling){if(#{N}.nodeType==1){if(#{N}H[' + TPL_QID + '])break;#{N}H[' + TPL_QID + ']=1;#{X}}}',
'>': 'var #{N}A=#{R}.children||#{R}.childNodes;for(var #{N}I=0,#{N};#{N}=#{N}A[#{N}I];#{N}I++){if(#{N}.nodeType==1){#{X}}}',
'>T': 'var #{N}A=#{R}.children.tags("#{P}");for(var #{N}I=0,#{N};#{N}=#{N}A[#{N}I];#{N}I++){#{X}}'
};
var TPL_LEFT = 'var #{R}V={_:false};NP_#{R}:{P_#{R}:{#{X}break NP_#{R};}#{R}V._=true;#{Y}}';
var TPL_TOPASS = 'if(t=#{N}H[' + TPL_QID + ']){if(t._){break P_#{R};}else{break NP_#{R};}}#{N}H[' + TPL_QID + ']=#{R}V;#{X}';
var TPL_TOPASS_UP = format(TPL_TOPASS, { X: 'if(#{N}!==#{R}){#{X}}' });
var TPL_PASSED = 'break P_#{R};';
var TPL_PASS = {
'>': '/*^var #{N}H={};^*/var #{N}=#{C}.parentNode;' + TPL_TOPASS_UP,
' ': '/*^var #{N}H={};^*/var #{N}=#{C};while(#{N}=#{N}.parentNode){' + TPL_TOPASS_UP + '}',
'+': BY_ELEMENT ? '/*^var #{N}H={};var #{N};^*/if(#{N}=#{C}.previousElementSibling){#{X}}' : '/*^var #{N}H={};^*/var #{N}=#{C};while(#{N}=#{N}.previousSibling){#{X}break;}',
'~': BY_ELEMENT ? '/*^var #{N}H={};^*/var #{N}=#{C};while(#{N}=#{N}.previousElementSibling){' + TPL_TOPASS + '}' : '/*^var #{N}H={};^*/var #{N}=#{C};while(#{N}=#{N}.previousSibling){' + TPL_TOPASS + '}'
};
var TPL_MAIN = 'function(root){var result=[];var qid=Q.qid,t,l=result.length;BQ:{#{X}}Q.qid=qid;return result;}';
var TPL_HELP = '/*^var #{N}L;^*/if(!#{N}L||!(' + format(TPL_CONTAINS, ['#{N}L', '#{N}']) +')){#{X}#{N}L=#{N};}';
var TPL_PUSH = 'result[l++]=#{N};';
var TPL_INPUT_T = TPL_XHTML + '/*^var input_t=!xhtml?"INPUT":"input";^*/';
var TPL_POS = '/*^var pos=-1;^*/';
var TPL_TEST = {
'T': TPL_XHTML +'/*^var #{N}T=!xhtml?("#{0}").toUpperCase():"#{0}";^*/#{N}.nodeName==#{N}T',
'#': '#{N}.id=="#{0}"',
'N': '#{N}.name=="#{0}"',
'[': IE678 ? '(t=#{N}.getAttributeNode("#{0}"))&&(t.specified)' : '#{N}.hasAttribute("#{0}")',
'=': '#{A}=="#{1}"',
'!=': '#{A}!="#{1}"',
'^=': '(t=#{A})&&t.slice(0,#{L})=="#{1}"',
'$=': '(t=#{A})&&t.slice(-#{L})=="#{1}"',
'*=': '(t=#{A})&&t.indexOf("#{1}")!==-1',
'|=': '(t=#{A})&&(t=="#{1}"||t.slice(0,#{L})=="#{P}")',
'~=': '(t=#{A})&&(" "+t+" ").indexOf("#{P}")!==-1',
':element': '#{N}.nodeType==1',
':contains': '(#{N}.textContent||#{N}.innerText).indexOf("#{0}")!==-1',
':first-child': BY_ELEMENT ? '#{N}.parentNode.firstElementChild===#{N}' : 'Q._isFirstChild(#{N})',
':nth-child': TPL_DOC + '/*^var rev=doc._Q_rev||(doc._Q_rev=Q.qid++);^*/Q._index(#{N},#{0},#{1},rev)',
':last-child': BY_ELEMENT ? '#{N}.parentNode.lastElementChild===#{N}' : 'Q._isLastChild(#{N})',
':only-child': BY_ELEMENT ? '(t=#{N}.parentNode)&&(t.firstElementChild===#{N}&&t.lastElementChild===#{N})' : 'Q._isOnlyChild(#{N})',
':not-ex': '/*^var _#{G}=Q._hash(Q("#{1}",root));qid=Q.qid;^*/!_#{G}[' + TPL_QID + ']',
':has': '(t=Q("#{1}", #{N}),qid=Q.qid,t.length>0)',
':parent': '!!#{N}.firstChild',
':empty': '!#{N}.firstChild',
':header': '/h\\d/i.test(#{N}.nodeName)',
':input': '/input|select|textarea|button/i.test(#{N}.nodeName)',
':enabled': '#{N}.disabled===false&&#{N}.type!=="hidden"',
':disabled': '#{N}.disabled===true',
':checked': '#{N}.checked===true',
':selected': '(#{N}.parentNode.selectedIndex,#{N}.selected===true)',
// TODO: 这些伪类可以转化成为标签选择器加以优化！
':focus': TPL_DOC + '#{N}===doc.activeElement',
':button': TPL_INPUT_T + '#{N}.nodeName==="button"||(#{N}.nodeName===input_t&&#{N}.type==="button")',
':submit': TPL_INPUT_T + '#{N}.nodeName===input_t&&#{N}.type==="submit"',
':reset': TPL_INPUT_T + '#{N}.nodeName===input_t&&#{N}.type==="reset"',
':text': TPL_INPUT_T + '#{N}.nodeName===input_t&&#{N}.type==="text"&&(t=#{N}.getAttribute("type"),t==="text"||t===null)',
':radio': TPL_INPUT_T + '#{N}.nodeName===input_t&&#{N}.type==="radio"',
':checkbox': TPL_INPUT_T + '#{N}.nodeName===input_t&&#{N}.type==="checkbox"',
':file': TPL_INPUT_T + '#{N}.nodeName===input_t&&#{N}.type==="file"',
':password': TPL_INPUT_T + '#{N}.nodeName===input_t&&#{N}.type==="password"',
':image': TPL_INPUT_T + '#{N}.nodeName===input_t&&#{N}.type==="image"'
};
function genAttrCode(attr){
if (attr == 'for') return '#{N}.htmlFor';
if (attr == 'class') return '#{N}.className';
if (attr == 'type') return '#{N}.getAttribute("type")';
if (attr == 'href') return '#{N}.getAttribute("href",2)';
return '(#{N}["' + attr + '"]||#{N}.getAttribute("' + attr + '"))';
}
function genTestCode(simple){
if (simple.kind.indexOf('=') !== -1) {
simple.A = genAttrCode(simple[0]);
}
var t;
switch (simple.kind) {
case '.':
var k = simple.length;
var buff = [];
while (k --) {
buff.push('t.indexOf(" #{'+ k +'} ")!==-1');
}
return format('(t=#{N}.className)&&((t=" "+t+" "),(' + buff.join(' && ') + '))', simple);
case '^=':
case '$=':
simple.L = simple[1].length;
break;
case '|=':
simple.L = simple[1].length + 1;
simple.P = simple[1] + '-';
break;
case '~=':
simple.P = ' ' + simple[1] + ' ';
break;
case ':nth-child':
// case ':nth-last-child':
if (simple[0] == 1 && simple[1] == 0) return '';
break;
case ':not':
t = genCondCode(simple[0][0][0]);
return t ? '!(' + t + ')' : 'false';
case ':not-ex':
case ':has':
simple.G = CTX_NGEN ++;
break;
case '*':
return '';
}
return format(TPL_TEST[simple.kind], simple);
}
function genCondCode(seq){
var buff = [];
var k = seq.length;
var code;
while (k --) {
var simple = seq[k];
if (code = genTestCode(simple)) {
buff.push(code);
}
}
return buff.join(' && ');
}
function genThenCode(seq){
var code = genCondCode(seq);
return code ? format('if('+code+'){#{X}}', { N: seq.N }) : '#{X}';
}
var NEEDNOT_ELEMENT_CHECK = { '#': 1, 'T': 1, '.': 1, 'N': 1, ':element': 1 };
function genFindCode(seq, R, comb){
comb = comb || seq.comb;
var tpl;
if (comb == ' ') {
var finder = seq.$;
if (finder) {
tpl = TPL_FIND[finder.kind];
// 有hack的嫌疑, 让产生test代码时忽略已经用于find的seq.
finder.kind = '*';
} else {
tpl = TPL_FIND['*'];
if (IE678 && !NEEDNOT_ELEMENT_CHECK[seq[seq.length - 1].kind]) {
seq.push(make(':element', []));
}
}
} else if (BY_CHILDREN_TAG && comb == '>' && seq.tag) {
tpl = TPL_FIND['>T'];
finder = seq.tag;
seq.tag.kind = '*';
} else {
// if (!BY_ELEMENT && (comb == '+' || comb == '~') && !NEEDNOT_ELEMENT_CHECK[seq[seq.length - 1].kind]) {
// seq.push(make(':element', []));
// }
tpl = TPL_FIND[comb];
}
return format(tpl, {
P: finder && (finder.kind == '.' ? finder.join(' ') : finder[0]),
N: seq.N,
R: R,
X: genThenCode(seq)
});
}
function genNextCode(part, thenCode){
var code = '#{X}';
var k = part.fI;
while (k --) {
code = format(code, { X: genFindCode(part[k], part[k+1].N) });
}
var nextCode;
if (!thenCode) {
if (part.fI == 0 && (k = part[0].$.kind) && (k != 'S' && k != '#')) {
nextCode = format(TPL_HELP, { N: part[0].N });
code = format(code, { X: nextCode })
}
} else {
nextCode = format(thenCode, { N: part[0].N });
code = format(code, { X: nextCode });
}
return code;
}
function genPassCode(seq, C, comb){
return format(TPL_PASS[comb], {
N: seq.N,
C: C,
X: genThenCode(seq)
});
}
function genLeftCode(part){
var code = TPL_LEFT;
for (var i=part.fI+1,l=part.length; i= obj.lt) || (obj.lt != null && obj.gt != null && obj.lt <= obj.gt) || (obj.even && obj.odd)) {
obj.no = 1;
}
if (obj.no) {
return '/*^break BQ;^*/';
}
var buff = [];
if (obj.even) {
buff.push('pos%2===0');
} else if (obj.odd) {
buff.push('pos%2===1');
}
var code = obj.eq == null ? TPL_PUSH : 'if(pos===' + obj.eq + '){result=[#{N}];break BQ;}';
if (obj.gt != null) {
buff.push('pos>'+obj.gt);
}
code = buff.length ? 'if (' + buff.join('&&') + '){' + code + '}' : code;
code = obj.lt != null ? 'if (pos<' + obj.lt + '){' + code + '}else break BQ;' : code;
if (obj.last) {
code += '/*$result=result.slice(-1);$*/';
}
return code;
}
function genCode(chain){
var parts = slice(chain);
var thenCode = chain.allPoses ? TPL_POS + 'pos++;' + genThatCode(chain.allPoses) : TPL_PUSH;
CTX_NGEN = 0;
var code = '#{X}';
var k = parts.length;
while (k --) {
var part = parts[k];
code = format(code, { X: genPartCode(part, k == 0 ? thenCode : false ) });
}
return code;
}
var documentOrder;
if (d.documentElement.sourceIndex) {
documentOrder = function (nodeA, nodeB){ return nodeA === nodeB ? 0 : nodeA.sourceIndex - nodeB.sourceIndex; };
} else if (d.compareDocumentPosition) {
documentOrder = function (nodeA, nodeB){ return nodeA === nodeB ? 0 : nodeB.compareDocumentPosition(nodeA) & 0x02 ? -1 : 1; };
}
function uniqueSort(nodeSet, notUnique){
if (!nodeSet.length) return nodeSet;
nodeSet.sort(documentOrder);
if (notUnique) return nodeSet;
var resultSet = [nodeSet[0]];
var node, j = 0;
for (var i=1, l=nodeSet.length; i注意：对于移除的dom元素，IE下会释放该元素的空间，继续使用该元素的引用进行操作将会引发不可预料的问题。
* @meta standard
*/
baidu.dom.remove = function (element) {
element = baidu.dom._g(element);
var tmpEl = element.parentNode;
//去掉了对ie下的特殊处理：创建一个div，appendChild，然后div.innerHTML = ""
tmpEl && tmpEl.removeChild(element);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/removeClass.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* 移除目标元素的className
* @name baidu.dom.removeClass
* @function
* @grammar baidu.dom.removeClass(element, className)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @param {string} className 要移除的className，允许同时移除多个class，中间使用空白符分隔
* @remark
* 使用者应保证提供的className合法性，不应包含不合法字符，className合法字符参考：http://www.w3.org/TR/CSS2/syndata.html。
* @shortcut removeClass
* @meta standard
* @see baidu.dom.addClass
*
* @returns {HTMLElement} 目标元素
*/
baidu.dom.removeClass = function (element, className) {
element = baidu.dom.g(element);
var oldClasses = element.className.split(/\s+/),
newClasses = className.split(/\s+/),
lenOld,
lenDel = newClasses.length,
j,
i = 0;
//考虑到同时删除多个className的应用场景概率较低,故放弃进一步性能优化
// by rocy @1.3.4
for (; i < lenDel; ++i){
for(j = 0, lenOld = oldClasses.length; j < lenOld; ++j){
if(oldClasses[j] == newClasses[i]){
oldClasses.splice(j, 1);
break;
}
}
}
element.className = oldClasses.join(' ');
return element;
};
// 声明快捷方法
baidu.removeClass = baidu.dom.removeClass;
/*
* Tangram
* Copyright 2010 Baidu Inc. All rights reserved.
*
* path: baidu/dom/removeStyle.js
* author: wenyuxiang, berg
* version: 1.0.1
* date: 2010/9/10
*/
/**
* 删除元素的某个样式
* @name baidu.dom.removeStyle
* @function
* @grammar baidu.dom.removeStyle(element, styleName)
* @param {HTMLElement|String} element 需要删除样式的元素或者元素id
* @param {string} styleName 需要删除的样式名字
* @version 1.3
* @see baidu.dom.setStyle
*
* @returns {HTMLElement} 目标元素
*/
// todo: 1. 只支持现代浏览器，有一些老浏览器可能不支持; 2. 有部分属性无法被正常移除
baidu.dom.removeStyle = function (){
var ele = document.createElement("DIV"),
fn,
_g = baidu.dom._g;
if (ele.style.removeProperty) {// W3C, (gecko, opera, webkit)
fn = function (el, st){
el = _g(el);
el.style.removeProperty(st);
return el;
};
} else if (ele.style.removeAttribute) { // IE
fn = function (el, st){
el = _g(el);
el.style.removeAttribute(baidu.string.toCamelCase(st));
return el;
};
}
ele = null;
return fn;
}();
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/object/each.js
* author: berg
* version: 1.1.1
* date: 2010-04-19
*/
/**
* 遍历Object中所有元素，1.1.1增加
* @name baidu.object.each
* @function
* @grammar baidu.object.each(source, iterator)
* @param {Object} source 需要遍历的Object
* @param {Function} iterator 对每个Object元素进行调用的函数，function (item, key)
* @version 1.1.1
*
* @returns {Object} 遍历的Object
*/
baidu.object.each = function (source, iterator) {
var returnValue, key, item;
if ('function' == typeof iterator) {
for (key in source) {
if (source.hasOwnProperty(key)) {
item = source[key];
returnValue = iterator.call(source, item, key);
if (returnValue === false) {
break;
}
}
}
}
return source;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 判断目标参数是否number类型或Number对象
* @name baidu.lang.isNumber
* @function
* @grammar baidu.lang.isNumber(source)
* @param {Any} source 目标参数
* @meta standard
* @see baidu.lang.isString,baidu.lang.isObject,baidu.lang.isArray,baidu.lang.isElement,baidu.lang.isBoolean,baidu.lang.isDate
*
* @returns {boolean} 类型判断结果
* @remark 用本函数判断NaN会返回false，尽管在Javascript中是Number类型。
*/
baidu.lang.isNumber = function (source) {
return '[object Number]' == Object.prototype.toString.call(source) && isFinite(source);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/event/getTarget.js
* author: erik
* version: 1.1.0
* date: 2009/11/17
*/
/**
* 获取事件的触发元素
* @name baidu.event.getTarget
* @function
* @grammar baidu.event.getTarget(event)
* @param {Event} event 事件对象
* @meta standard
* @returns {HTMLElement} 事件的触发元素
*/
baidu.event.getTarget = function (event) {
return event.target || event.srcElement;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 按照border-box模型设置元素的height和width值。只支持元素的padding/border/height/width使用同一种计量单位的情况。
不支持：
1. 非数字值(medium)
2. em/px在不同的属性中混用
* @name baidu.dom.setBorderBoxSize
* @author berg
* @function
* @grammar baidu.dom.setBorderBoxSize(element, size)
* @param {HTMLElement|string} element 元素或DOM元素的id
* @param {object} size 包含height和width键名的对象
*
* @see baidu.dom.setBorderBoxWidth, baidu.dom.setBorderBoxHeight
*
* @return {HTMLElement} 设置好的元素
*/
baidu.dom.setBorderBoxSize= function (element, size) {
var result = {};
size.width && (result.width = parseFloat(size.width));
size.height && (result.height = parseFloat(size.height));
function getNumericalStyle(element, name){
return parseFloat(baidu.getStyle(element, name)) || 0;
}
if(baidu.browser.isStrict){
if(size.width){
result.width = parseFloat(size.width) -
getNumericalStyle(element, 'paddingLeft') -
getNumericalStyle(element, 'paddingRight') -
getNumericalStyle(element, 'borderLeftWidth') -
getNumericalStyle(element, 'borderRightWidth');
result.width < 0 && (result.width = 0);
}
if(size.height){
result.height = parseFloat(size.height) -
getNumericalStyle(element, 'paddingTop') -
getNumericalStyle(element, 'paddingBottom') -
getNumericalStyle(element, 'borderTopWidth') -
getNumericalStyle(element, 'borderBottomWidth');
result.height < 0 && (result.height = 0);
}
}
return baidu.dom.setStyles(element, result);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 按照border-box模型设置元素的height值
*
* @author berg
* @name baidu.dom.setBorderBoxHeight
* @function
* @grammar baidu.dom.setBorderBoxHeight(element, height)
*
* @param {HTMLElement|string} element DOM元素或元素的id
* @param {number|string} height 要设置的height
*
* @return {HTMLElement} 设置好的元素
* @see baidu.dom.setBorderBoxWidth, baidu.dom.setBorderBoxSize
* @shortcut dom.setOuterHeight
*/
baidu.dom.setOuterHeight =
baidu.dom.setBorderBoxHeight = function (element, height) {
return baidu.dom.setBorderBoxSize(element, {height : height});
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 按照border-box模型设置元素的width值
*
* @author berg
* @name baidu.dom.setBorderBoxWidth
* @function
* @grammar baidu.dom.setBorderBoxWidth(element, width)
*
* @param {HTMLElement|string} element DOM元素或元素的id
* @param {number|string} width 要设置的width
*
* @return {HTMLElement} 设置好的元素
* @see baidu.dom.setBorderBoxHeight, baidu.dom.setBorderBoxSize
* @shortcut dom.setOuterWidth
*/
baidu.dom.setOuterWidth =
baidu.dom.setBorderBoxWidth = function (element, width) {
return baidu.dom.setBorderBoxSize(element, {width : width});
};
/*
* Tangram
* Copyright 2010 Baidu Inc. All rights reserved.
*/
/**
* 绘制可以根据鼠标行为改变HTMLElement大小的resize handle
* @name baidu.dom.resizable
* @function
* @grammar baidu.dom.resizable(element[, options])
* @param {HTMLElement|string} element 需要改变大小的元素或者元素的id.
* @param {Object} [options] resizable参数配置
* @config {Array} [direction] 可以改变的方向[e,se,s,ws,w,wn,n,en]
* @config {Function} [onresizestart] 开始改变大小时触发
* @config {Function} [onresizeend] 大小改变结束时触发
* @config {Function} [onresize] 大小改变后时触发
* @config {Number|String} [maxWidth] 可改变的最大宽度
* @config {Number|String} [maxHeight] 可改变的最大高度
* @config {Number|String} [minWidth] 可改变的最小宽度
* @config {Number|String} [minHeight] 可改变的最小高度
* @config {String} [classPrefix] className 前缀
* @config {Object} [directionHandlePosition] resizHandle的位置参数
* @return {Object} {cancel:Function} cancel函数
* @remark 需要将元素的定位设置为absolute
* @author lixiaopeng
* @version 1.3
*/
baidu.dom.resizable = function(element,options) {
var target,
op,
resizeHandle = {},
directionHandlePosition,
orgStyles = {},
range, mozUserSelect,
orgCursor,
offsetParent,
currentEle,
handlePosition,
timer,
isCancel = false,
defaultOptions = {
direction: ['e', 's', 'se'],
minWidth: 16,
minHeight: 16,
classPrefix: 'tangram',
directionHandlePosition: {}
};
if (!(target = baidu.dom.g(element)) && baidu.getStyle(target, 'position') == 'static') {
return false;
}
offsetParent = target.offsetParent;
var orgPosition = baidu.getStyle(target,'position');
/*
* 必要参数的扩展
* resize handle以方向命名
* 顺时针的顺序为
* north northwest west southwest south southeast east northeast
*/
op = baidu.extend(defaultOptions, options);
/*
* 必要参数转换
*/
baidu.each(['minHeight', 'minWidth', 'maxHeight', 'maxWidth'], function(style) {
op[style] && (op[style] = parseFloat(op[style]));
});
/*
* {Array[Number]} rangeObject
* minWidth,maxWidth,minHeight,maxHeight
*/
range = [
op.minWidth || 0,
op.maxWidth || Number.MAX_VALUE,
op.minHeight || 0,
op.maxHeight || Number.MAX_VALUE
];
render();
/**
* 绘制resizable handle
*/
function render(){
//位置属性
handlePosition = baidu.extend({
'e' : {'right': '-5px', 'top': '0px', 'width': '7px', 'height': target.offsetHeight},
's' : {'left': '0px', 'bottom': '-5px', 'height': '7px', 'width': target.offsetWidth},
'n' : {'left': '0px', 'top': '-5px', 'height': '7px', 'width': target.offsetWidth},
'w' : {'left': '-5px', 'top': '0px', 'height':target.offsetHeight , 'width': '7px'},
'se': {'right': '1px', 'bottom': '1px', 'height': '16px', 'width': '16px'},
'sw': {'left': '1px', 'bottom': '1px', 'height': '16px', 'width': '16px'},
'ne': {'right': '1px', 'top': '1px', 'height': '16px', 'width': '16px'},
'nw': {'left': '1px', 'top': '1px', 'height': '16px', 'width': '16px'}
},op.directionHandlePosition);
//创建resizeHandle
baidu.each(op.direction, function(key) {
var className = op.classPrefix.split(' ');
className[0] = className[0] + '-resizable-' + key;
var ele = baidu.dom.create('div', {
className: className.join(' ')
}),
styles = handlePosition[key];
styles['cursor'] = key + '-resize';
styles['position'] = 'absolute';
baidu.setStyles(ele, styles);
ele.key = key;
ele.style.MozUserSelect = 'none';
target.appendChild(ele);
resizeHandle[key] = ele;
baidu.on(ele, 'mousedown', start);
});
isCancel = false;
}
/**
* cancel resizeHandle
* @public
* @return void
*/
function cancel(){
currentEle && stop();
baidu.object.each(resizeHandle,function(item){
baidu.un(item,"mousedown",start);
baidu.dom.remove(item);
});
isCancel = true;
}
/**
* update resizable
* @public
* @param {Object} options
* @return null
*/
function update(options){
if(!isCancel){
op = baidu.extend(op,options || {});
cancel();
render();
}
}
/**
* resizeHandle相应mousedown事件的函数
* @param {Event} e
* @return void
*/
function start(e){
var ele = baidu.event.getTarget(e),
key = ele.key;
currentEle = ele;
if (ele.setCapture) {
ele.setCapture();
} else if (window.captureEvents) {
window.captureEvents(Event.MOUSEMOVE | Event.MOUSEUP);
}
/*
* 给body设置相应的css属性
* 添加事件监听
*/
orgCursor = baidu.getStyle(document.body, 'cursor');
baidu.setStyle(document.body, 'cursor', key + '-resize');
baidu.on(ele, 'mouseup',stop);
baidu.on(document.body, 'selectstart', unselect);
mozUserSelect = document.body.style.MozUserSelect;
document.body.style.MozUserSelect = 'none';
/*
* 获取鼠标坐标
* 偏移量计算
*/
var orgMousePosition = baidu.page.getMousePosition();
orgStyles = _getOrgStyle();
timer = setInterval(function(){
resize(key,orgMousePosition);
}, 20);
baidu.lang.isFunction(op.onresizestart) && op.onresizestart();
baidu.event.preventDefault(e);
}
/**
* 当鼠标按键抬起时终止对鼠标事件的监听
* @private
* @return void
*/
function stop() {
if (currentEle.releaseCapture) {
currentEle.releaseCapture();
} else if (window.releaseEvents) {
window.releaseEvents(Event.MOUSEMOVE | Event.MOUSEUP);
}
/*
* 删除事件监听
* 还原css属性设置
*/
baidu.un(currentEle, 'mouseup',stop);
baidu.un(document, 'selectstart', unselect);
document.body.style.MozUserSelect = mozUserSelect;
baidu.un(document.body, 'selectstart', unselect);
clearInterval(timer);
baidu.setStyle(document.body, 'cursor',orgCursor);
currentEle = null;
baidu.lang.isFunction(op.onresizeend) && op.onresizeend();
}
/**
* 根据鼠标移动的距离来绘制target
* @private
* @param {String} key handle的direction字符串
* @param {Object} orgMousePosition 鼠标坐标{x,y}
* @return void
*/
function resize(key,orgMousePosition) {
var xy = baidu.page.getMousePosition(),
width = orgStyles['width'],
height = orgStyles['height'],
top = orgStyles['top'],
left = orgStyles['left'],
styles;
if (key.indexOf('e') >= 0) {
width = Math.max(xy.x - orgMousePosition.x + orgStyles['width'], range[0]);
width = Math.min(width, range[1]);
}else if (key.indexOf('w') >= 0) {
width = Math.max(orgMousePosition.x - xy.x + orgStyles['width'], range[0]);
width = Math.min(width, range[1]);
left -= width - orgStyles['width'];
}
if (key.indexOf('s') >= 0) {
height = Math.max(xy.y - orgMousePosition.y + orgStyles['height'], range[2]);
height = Math.min(height, range[3]);
}else if (key.indexOf('n') >= 0) {
height = Math.max(orgMousePosition.y - xy.y + orgStyles['height'], range[2]);
height = Math.min(height, range[3]);
top -= height - orgStyles['height'];
}
styles = {'width': width, 'height': height, 'top': top, 'left': left};
baidu.dom.setOuterHeight(target,height);
baidu.dom.setOuterWidth(target,width);
baidu.setStyles(target,{"top":top,"left":left});
resizeHandle['n'] && baidu.setStyle(resizeHandle['n'], 'width', width);
resizeHandle['s'] && baidu.setStyle(resizeHandle['s'], 'width', width);
resizeHandle['e'] && baidu.setStyle(resizeHandle['e'], 'height', height);
resizeHandle['w'] && baidu.setStyle(resizeHandle['w'], 'height', height);
baidu.lang.isFunction(op.onresize) && op.onresize({current:styles,original:orgStyles});
}
/**
* 阻止文字被选中
* @private
* @param {Event} e
* @return {Boolean}
*/
function unselect(e) {
return baidu.event.preventDefault(e, false);
}
/**
* 获取target的原始宽高
* @private
* @return {Object} {width,height,top,left}
*/
function _getOrgStyle() {
var offset_parent = baidu.dom.getPosition(target.offsetParent),
offset_target = baidu.dom.getPosition(target),
top,
left;
if(orgPosition == "absolute"){
top = offset_target.top - (target.offsetParent == document.body ? 0 : offset_parent.top);
left = offset_target.left - (target.offsetParent == document.body ? 0 :offset_parent.left);
}else{
top = parseFloat(baidu.getStyle(target,"top")) || -parseFloat(baidu.getStyle(target,"bottom")) || 0;
left = parseFloat(baidu.getStyle(target,"left")) || -parseFloat(baidu.getStyle(target,"right")) || 0;
}
baidu.setStyles(target,{top:top,left:left});
return {
width:target.offsetWidth,
height:target.offsetHeight,
top:top,
left:left
};
}
return {cancel:cancel,update:update,enable:render};
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/setPosition.js
* author: berg
* version: 1.0.0
* date: 2010/12/14
*/
/**
* 设置目标元素的top和left值到用户指定的位置
*
* @name baidu.dom.setPosition
* @function
* @grammar baidu.dom.setPosition(element, position)
*
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @param {object} position 位置对象 {top: {number}, left : {number}}
*
* @return {HTMLElement} 进行设置的元素
*/
baidu.dom.setPosition = function (element, position) {
return baidu.dom.setStyles(element, {
left : position.left - (parseFloat(baidu.dom.getStyle(element, "margin-left")) || 0),
top : position.top - (parseFloat(baidu.dom.getStyle(element, "margin-top")) || 0)
});
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 显示目标元素，即将目标元素的display属性还原成默认值。默认值可能在stylesheet中定义，或者是继承了浏览器的默认样式值
* @author allstar, berg
* @name baidu.dom.show
* @function
* @grammar baidu.dom.show(element)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @remark
* 注意1：如果在CSS中定义此元素的样式为display:none
* 在调用本函数以后，会将display属性仍然还原成none，元素仍然无法显示。
* 注意2：如果这个元素的display属性被设置成inline
* （由element.style.display或者HTML中的style属性设置）
* 调用本方法将清除此inline属性，导致元素的display属性变成继承值
* 因此，针对上面两种情况，建议使用dom.setStyle("display", "something")
* 来明确指定要设置的display属性值。
*
* @shortcut show
* @meta standard
* @see baidu.dom.hide,baidu.dom.toggle
*
* @returns {HTMLElement} 目标元素
*/
baidu.dom.show = function (element) {
element = baidu.dom.g(element);
element.style.display = "";
return element;
};
// 声明快捷方法
baidu.show = baidu.dom.show;
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/toggle.js
* author: allstar
* version: 1.1.0
* date: 2009/11/17
*/
/**
* 改变目标元素的显示/隐藏状态
* @name baidu.dom.toggle
* @function
* @grammar baidu.dom.toggle(element)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @meta standard
* @see baidu.dom.show,baidu.dom.hide
*
* @returns {HTMLElement} 目标元素
*/
baidu.dom.toggle = function (element) {
element = baidu.dom.g(element);
element.style.display = element.style.display == "none" ? "" : "none";
return element;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/toggleClass.js
* author: berg
* version: 1.0
* date: 2010-07-06
*/
/**
* 添加或者删除一个节点中的指定class，如果已经有就删除，否则添加
* @name baidu.dom.toggleClass
* @function
* @grammar baidu.dom.toggleClass(element, className)
* @param {HTMLElement|string} element 目标元素或目标元素的id
* @param {String} className 指定的className。允许同时添加多个class，中间使用空白符分隔
* @version 1.3
* @remark
*
* 传入多个class时，只要其中有一个class不在当前元素中，则添加所有class，否则删除所有class。
*/
baidu.dom.toggleClass = function (element, className) {
if(baidu.dom.hasClass(element, className)){
baidu.dom.removeClass(element, className);
}else{
baidu.dom.addClass(element, className);
}
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/_styleFilter/color.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* 提供给setStyle与getStyle使用
* @meta standard
*/
baidu.dom._styleFilter[baidu.dom._styleFilter.length] = {
get: function (key, value) {
if (/color/i.test(key) && value.indexOf("rgb(") != -1) {
var array = value.split(",");
value = "#";
for (var i = 0, color; color = array[i]; i++){
color = parseInt(color.replace(/[^\d]/gi, ''), 10).toString(16);
value += color.length == 1 ? "0" + color : color;
}
value = value.toUpperCase();
}
return value;
}
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/_styleFixer/display.js
* author: allstar
* version: 1.1.0
* date: 2009/11/24
*/
/**
* 提供给setStyle与getStyle使用
* @meta standard
*/
baidu.dom._styleFixer.display = baidu.browser.ie && baidu.browser.ie < 8 ? { // berg: 修改到<8，因为ie7同样存在这个问题，from 先伟
set: function (element, value) {
element = element.style;
if (value == 'inline-block') {
element.display = 'inline';
element.zoom = 1;
} else {
element.display = value;
}
}
} : baidu.browser.firefox && baidu.browser.firefox < 3 ? {
set: function (element, value) {
element.style.display = value == 'inline-block' ? '-moz-inline-box' : value;
}
} : null;
/*
* Tangram
* Copyright 2009 Baidu Inc. All right reserved.
*
* path: baidu/dom/_styleFixer/float.js
* author: allstar
* version: 1.1.0
* date: 2009/11/17
*/
/**
* 提供给setStyle与getStyle使用
* @meta standard
*/
baidu.dom._styleFixer["float"] = baidu.browser.ie ? "styleFloat" : "cssFloat";
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/_styleFixer/opacity.js
* author: allstar
* version: 1.1.0
* date: 2009/11/17
*/
/**
* 提供给setStyle与getStyle使用
* @meta standard
*/
baidu.dom._styleFixer.opacity = baidu.browser.ie ? {
get: function (element) {
var filter = element.style.filter;
return filter && filter.indexOf("opacity=") >= 0 ? (parseFloat(filter.match(/opacity=([^)]*)/)[1]) / 100) + "" : "1";
},
set: function (element, value) {
var style = element.style;
// 只能Quirks Mode下面生效??
style.filter = (style.filter || "").replace(/alpha\([^\)]*\)/gi, "") + (value == 1 ? "" : "alpha(opacity=" + value * 100 + ")");
// IE filters only apply to elements with "layout."
style.zoom = 1;
}
} : null;
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/dom/_styleFixer/textOverflow.js
* author: allstar
* version: 1.1.0
* date: 2009/11/17
*/
/**
* 提供给setStyle与getStyle使用，在做textOverflow时会向element对象中添加,_baiduOverflow, _baiduHTML两个属性保存原始的innerHTML信息
*/
baidu.dom._styleFixer.textOverflow = (function () {
var fontSizeCache = {};
function pop(list) {
var o = list.length;
if (o > 0) {
o = list[o - 1];
list.length--;
} else {
o = null;
}
return o;
}
function setText(element, text) {
element[baidu.browser.firefox ? "textContent" : "innerText"] = text;
}
function count(element, width, ellipsis) {
/* 计算cache的名称 */
var o = baidu.browser.ie ? element.currentStyle || element.style : getComputedStyle(element, null),
fontWeight = o.fontWeight,
cacheName =
"font-family:" + o.fontFamily + ";font-size:" + o.fontSize
+ ";word-spacing:" + o.wordSpacing + ";font-weight:" + ((parseInt(fontWeight) || 0) == 401 ? 700 : fontWeight)
+ ";font-style:" + o.fontStyle + ";font-variant:" + o.fontVariant,
cache = fontSizeCache[cacheName];
if (!cache) {
o = element.appendChild(document.createElement("div"));
o.style.cssText = "float:left;" + cacheName;
cache = fontSizeCache[cacheName] = [];
/* 计算ASCII字符的宽度cache */
for (var i=0; i < 256; i++) {
i == 32 ? (o.innerHTML = " ") : setText(o, String.fromCharCode(i));
cache[i] = o.offsetWidth;
}
/* 计算非ASCII字符的宽度、字符间距、省略号的宽度,\u4e00是汉字一的编码*/
setText(o, "\u4e00");
cache[256] = o.offsetWidth;
setText(o, "\u4e00\u4e00");
cache[257] = o.offsetWidth - cache[256] * 2;
cache[258] = cache[".".charCodeAt(0)] * 3 + cache[257] * 3;
element.removeChild(o);
}
for (
/* wordWidth是每个字符或子节点计算之前的宽度序列 */
var node = element.firstChild, charWidth = cache[256], wordSpacing = cache[257], ellipsisWidth = cache[258],
wordWidth = [], ellipsis = ellipsis ? ellipsisWidth : 0;
node;
node = node.nextSibling
) {
if (width < ellipsis) {
element.removeChild(node);
}
else if (node.nodeType == 3) {
for (var i = 0, text = node.nodeValue, length = text.length; i < length; i++) {
o = text.charCodeAt(i);
/* 计算增加字符后剩余的长度 */
wordWidth[wordWidth.length] = [width, node, i];
width -= (i ? wordSpacing : 0) + (o < 256 ? cache[o] : charWidth);
if (width < ellipsis) {
break;
}
}
}
else {
o = node.tagName;
if (o == "IMG" || o == "TABLE") {
/* 特殊元素直接删除 */
o = node;
node = node.previousSibling;
element.removeChild(o);
}
else {
wordWidth[wordWidth.length] = [width, node];
width -= node.offsetWidth;
}
}
}
if (width < ellipsis) {
/* 过滤直到能得到大于省略号宽度的位置 */
while (o = pop(wordWidth)) {
width = o[0];
node = o[1];
o = o[2];
if (node.nodeType == 3) {
if (width >= ellipsisWidth) {
node.nodeValue = node.nodeValue.substring(0, o) + "...";
return true;
}
else if (!o) {
element.removeChild(node);
}
}
else if (count(node, width, true)) {
return true;
}
else {
element.removeChild(node);
}
}
/* 能显示的宽度小于省略号的宽度，直接不显示 */
element.innerHTML = "";
}
}
return {
get: function (element) {
var browser = baidu.browser,
getStyle = dom.getStyle;
return (browser.opera ?
getStyle("OTextOverflow") :
browser.firefox ?
element._baiduOverflow :
getStyle("textOverflow")) ||
"clip";
},
set: function (element, value) {
var browser = baidu.browser;
if (element.tagName == "TD" || element.tagName == "TH" || browser.firefox) {
element._baiduHTML && (element.innerHTML = element._baiduHTML);
if (value == "ellipsis") {
element._baiduHTML = element.innerHTML;
var o = document.createElement("div"), width = element.appendChild(o).offsetWidth;
element.removeChild(o);
count(element, width);
}
else {
element._baiduHTML = "";
}
}
o = element.style;
browser.opera ? (o.OTextOverflow = value) : browser.firefox ? (element._baiduOverflow = value) : (o.textOverflow = value);
}
};
})();
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/lang/isArray.js
* author: erik
* version: 1.1.0
* date: 2009/12/30
*/
/**
* 判断目标参数是否Array对象
* @name baidu.lang.isArray
* @function
* @grammar baidu.lang.isArray(source)
* @param {Any} source 目标参数
* @meta standard
* @see baidu.lang.isString,baidu.lang.isObject,baidu.lang.isNumber,baidu.lang.isElement,baidu.lang.isBoolean,baidu.lang.isDate
*
* @returns {boolean} 类型判断结果
*/
baidu.lang.isArray = function (source) {
return '[object Array]' == Object.prototype.toString.call(source);
};
/*
* Tangram
* Copyright 2010 Baidu Inc. All rights reserved.
*
* path: baidu/lang/toArray.js
* author: berg
* version: 1.0
* date: 2010-07-05
*/
/**
* 将一个变量转换成array
* @name baidu.lang.toArray
* @function
* @grammar baidu.lang.toArray(source)
* @param {mix} source 需要转换成array的变量
* @version 1.3
* @meta standard
* @returns {array} 转换后的array
*/
baidu.lang.toArray = function (source) {
if (source === null || source === undefined)
return [];
if (baidu.lang.isArray(source))
return source;
// The strings and functions also have 'length'
if (typeof source.length !== 'number' || typeof source === 'string' || baidu.lang.isFunction(source)) {
return [source];
}
//nodeList, IE 下调用 [].slice.call(nodeList) 会报错
if (source.item) {
var l = source.length, array = new Array(l);
while (l--)
array[l] = source[l];
return array;
}
return [].slice.call(source);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/fn/methodize.js
* author: berg
* version: 1.0.0
* date: 2010/11/02
*/
/**
* 将一个静态函数变换成一个对象的方法，使其的第一个参数为this，或this[attr]
* @name baidu.fn.methodize
* @function
* @grammar baidu.fn.methodize(func[, attr])
* @param {Function} func 要方法化的函数
* @param {string} [attr] 属性
* @version 1.3
* @returns {Function} 已方法化的函数
*/
baidu.fn.methodize = function (func, attr) {
return function(){
return func.apply(this, [(attr ? this[attr] : this)].concat([].slice.call(arguments)));
};
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 包装函数的返回值，使其在能按照index指定的方式返回。
如果其值为-1，直接返回返回值。
如果其值为0，返回"返回值"的包装结果。
如果其值大于0，返回第i个位置的参数的包装结果（从1开始计数）
* @author berg
* @name baidu.fn.wrapReturnValue
* @function
* @grammar baidu.fn.wrapReturnValue(func, wrapper, mode)
* @param {function} func 需要包装的函数
* @param {function} wrapper 包装器
* @param {number} 包装第几个参数
* @version 1.3.5
* @return {function} 包装后的函数
*/
baidu.fn.wrapReturnValue = function (func, wrapper, mode) {
mode = mode | 0;
return function(){
var ret = func.apply(this, arguments);
if(mode > 0){
return new wrapper(arguments[mode - 1]);
}
if(!mode){
return new wrapper(ret);
}
return ret;
}
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/fn/multize.js
* author: berg
* version: 1.0.0
* date: 2010/11/02
*/
/**
* 对函数进行集化，使其在第一个参数为array时，结果也返回一个数组
* @name baidu.fn.multize
* @function
* @grammar baidu.fn.multize(func[, recursive])
* @param {Function} func 需要包装的函数
* @param {Boolean} [recursive] 是否递归包装（如果数组里面一项仍然是数组，递归），可选
* @param {Boolean} [joinArray] 将操作的结果展平后返回（如果返回的结果是数组，则将多个数组合成一个），可选
* @version 1.3
*
* @returns {Function} 已集化的函数
*/
baidu.fn.multize = function (func, recursive, joinArray) {
var newFunc = function(){
var list = arguments[0],
fn = recursive ? newFunc : func,
ret = [],
moreArgs = [].slice.call(arguments,0),
i = 0,
len,
r;
if(list instanceof Array){
for(len = list.length; i < len; i++){
moreArgs[0]=list[i];
r = fn.apply(this, moreArgs);
if (joinArray) {
if (r) {
//TODO: 需要去重吗？
ret = ret.concat(r);
}
} else {
ret.push(r);
}
}
return ret;
}else{
return func.apply(this, arguments);
}
}
return newFunc;
};
/*
* Tangram
* Copyright 2010 Baidu Inc. All right reserved.
*
* path: baidu/dom/element.js
* author: berg
* version: 1.0.0
* date: 2010-07-12
*/
/**
* @namespace baidu.element 通过该方法封装的对象可使用dom、event方法集合以及each方法进行链式调用。
*/
baidu.element = baidu.e = function(node){
var gNode = baidu._g(node);
if(!gNode && baidu.dom.query){
gNode = baidu.dom.query(node);
}
return new baidu.element.Element(gNode);
};
/**
* Element类，所有扩展到链条上的方法都会被放在这里面
* @name baidu.element.Element
* @grammar baidu.element.Element(node)
* @param {DOMElement|NodeList} node 目标元素，可以是数组或者单个node节点
* @returns {ElementObj} 包装后的DOM对象
* @version 1.3
*/
baidu.element.Element = function(node){
if(!baidu.element._init){
//由于element可能会在其他代码之前加载，因此用这个方法来延迟加载
baidu.element._makeChain();
baidu.element._init = true;
}
/**
* @private
* @type {Array.}
*/
this._dom = (node.tagName || '').toLowerCase() == 'select' ?
[node] : baidu.lang.toArray(node);
};
/**
* 以每一个匹配的元素作为上下文执行传递进来的函数，方便用户自行遍历dom。
* @name baidu.element.each
* @function
* @grammar baidu.element(node).each(iterator)
* @param {Function} iterator 遍历Dom时调用的方法
* @version 1.3
*/
baidu.element.Element.prototype.each = function(iterator) {
// 每一个iterator接受到的都是封装好的node
baidu.array.each(this._dom, function(node, i){
iterator.call(node, node, i);
});
};
/*
* 包装静态方法，使其变成一个链条方法。
* 先把静态方法multize化，让其支持接受数组参数，
* 然后包装返回值，返回值是一个包装类
* 最后把静态方法methodize化，让其变成一个对象方法。
*
* @param {Function} func 要包装的静态方法
* @param {number} index 包装函数的第几个返回值
*
* @return {function} 包装后的方法，能直接挂到Element的prototype上。
* @private
*/
baidu.element._toChainFunction = function(func, index, joinArray){
return baidu.fn.methodize(baidu.fn.wrapReturnValue(baidu.fn.multize(func, 0, 1), baidu.element.Element, index), '_dom');
};
/**
* element对象包装了dom包下的除了drag和ready,create,ddManager之外的大部分方法。这样做的目的是提供更为方便的链式调用操作。其中doms代指dom包下的方法名。
* @name baidu.element.doms
* @function
* @grammar baidu.element(node).doms
* @param 详见dom包下相应方法的参数。
* @version 1.3
* @private
*/
baidu.element._makeChain = function(){ //将dom/event包下的东西挂到prototype里面
var proto = baidu.element.Element.prototype,
fnTransformer = baidu.element._toChainFunction;
//返回值是第一个参数的包装
baidu.each(("draggable droppable resizable").split(' '),
function(fn){
proto[fn] = fnTransformer(baidu.dom[fn], 1);
});
//直接返回返回值
baidu.each(("remove getText contains getAttr getPosition getStyle hasClass intersect hasAttr getComputedStyle").split(' '),
function(fn){
proto[fn] = proto[fn.replace(/^get[A-Z]/g, stripGet)] = fnTransformer(baidu.dom[fn], -1);
});
//包装返回值
//包含
//1. methodize
//2. multize，结果如果是数组会被展平
//3. getXx == xx
baidu.each(("addClass empty hide show insertAfter insertBefore insertHTML removeClass " +
"setAttr setAttrs setStyle setStyles show toggleClass toggle next first " +
"getAncestorByClass getAncestorBy getAncestorByTag getDocument getParent getWindow " +
"last next prev g removeStyle setBorderBoxSize setOuterWidth setOuterHeight " +
"setBorderBoxWidth setBorderBoxHeight setPosition children query").split(' '),
function(fn){
proto[fn] = proto[fn.replace(/^get[A-Z]/g, stripGet)] = fnTransformer(baidu.dom[fn], 0);
});
//对于baidu.dom.q这种特殊情况，将前两个参数调转
//TODO：需要将这种特殊情况归纳到之前的情况中
proto['q'] = proto['Q'] = fnTransformer(function(arg1, arg2){
return baidu.dom.q.apply(this, [arg2, arg1].concat([].slice.call(arguments, 2)));
}, 0);
//包装event中的on 和 un
baidu.each(("on un").split(' '), function(fn){
proto[fn] = fnTransformer(baidu.event[fn], 0);
});
/**
* 方法提供了事件绑定的快捷方式，事件发生时会触发传递进来的函数。events代指事件方法的总和。
* @name baidu.element.events
* @function
* @grammar baidu.element(node).events(fn)
* @param {Function} fn 事件触发时要调用的方法
* @version 1.3
* @remark 包装event的快捷方式具体包括blur、focus、focusin、focusout、load 、resize 、scroll 、unload 、click、 dblclick、mousedown 、mouseup 、mousemove、 mouseover 、mouseout 、mouseenter、 mouseleave、change 、select 、submit 、keydown、 keypress 、keyup、 error。
* @returns {baidu.element} Element对象
*/
//包装event的快捷方式
baidu.each(("blur focus focusin focusout load resize scroll unload click dblclick " +
"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
"change select submit keydown keypress keyup error").split(' '), function(fnName){
proto[fnName] = function(fn){
return this.on(fnName, fn);
};
});
/**
* 把get去掉
* 链里面的方法可以不以get开头调用
* 如 baidu.element("myDiv").parent() == baidu.element("myDiv").getParent();
* TODO: 合并getter和setter. baidu.e('myDiv').style() & baidu.e('myDiv').style('width', '100');
*/
function stripGet(match) {
return match.charAt(3).toLowerCase();
}
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/element/extend.js
* author: berg
* version: 1.0.0
* date: 2010/12/16
*/
/**
* 为element对象扩展一个方法。
* @name baidu.element.extend
* @function
* @grammar baidu.element.extend(json)
* @param {Object} json 要扩展的方法名以及方法
* @version 1.3
* @shortcut e
* @returns {baidu.element.Element} Element对象
*
*/
baidu.element.extend = function(json){
var e = baidu.element;
baidu.object.each(json, function(item, key){
e.Element.prototype[key] = baidu.element._toChainFunction(item, -1);
});
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/event/EventArg.js
* author: erik
* version: 1.1.0
* date: 2010/01/11
*/
/**
* 事件对象构造器，屏蔽浏览器差异的事件类
* @name baidu.event.EventArg
* @function
* @grammar baidu.event.EventArg(event[, win])
* @param {Event} event 事件对象
* @param {Window} [win] 窗口对象，默认为window
* @meta standard
* @remark 1.1.0开始支持
* @see baidu.event.get
* @constructor
*/
baidu.event.EventArg = function (event, win) {
win = win || window;
event = event || win.event;
var doc = win.document;
this.target = /** @type {Node} */ (event.target) || event.srcElement;
this.keyCode = event.which || event.keyCode;
for (var k in event) {
var item = event[k];
// 避免拷贝preventDefault等事件对象方法
if ('function' != typeof item) {
this[k] = item;
}
}
if (!this.pageX && this.pageX !== 0) {
this.pageX = (event.clientX || 0)
+ (doc.documentElement.scrollLeft
|| doc.body.scrollLeft);
this.pageY = (event.clientY || 0)
+ (doc.documentElement.scrollTop
|| doc.body.scrollTop);
}
this._event = event;
};
/**
* 阻止事件的默认行为
* @name preventDefault
* @grammar eventArgObj.preventDefault()
* @returns {baidu.event.EventArg} EventArg对象
*/
baidu.event.EventArg.prototype.preventDefault = function () {
if (this._event.preventDefault) {
this._event.preventDefault();
} else {
this._event.returnValue = false;
}
return this;
};
/**
* 停止事件的传播
* @name stopPropagation
* @grammar eventArgObj.stopPropagation()
* @returns {baidu.event.EventArg} EventArg对象
*/
baidu.event.EventArg.prototype.stopPropagation = function () {
if (this._event.stopPropagation) {
this._event.stopPropagation();
} else {
this._event.cancelBubble = true;
}
return this;
};
/**
* 停止事件
* @name stop
* @grammar eventArgObj.stop()
* @returns {baidu.event.EventArg} EventArg对象
*/
baidu.event.EventArg.prototype.stop = function () {
return this.stopPropagation().preventDefault();
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/object/values.js
* author: erik
* version: 1.1.0
* date: 2009/11/15
*/
/**
* 获取目标对象的值列表
* @name baidu.object.values
* @function
* @grammar baidu.object.values(source)
* @param {Object} source 目标对象
* @see baidu.object.keys
*
* @returns {Array} 值列表
*/
baidu.object.values = function (source) {
var result = [], resultLen = 0, k;
for (k in source) {
if (source.hasOwnProperty(k)) {
result[resultLen++] = source[k];
}
}
return result;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/event/fire.js
* author: linlingyu
* version: 1.1.0
* date: 2010/10/28
*/
/**
* 触发已经注册的事件。注：在ie下不支持load和unload事件
* @name baidu.event.fire
* @function
* @grammar baidu.event.fire(element, type, options)
* @param {HTMLElement|string|window} element 目标元素或目标元素id
* @param {string} type 事件类型
* @param {Object} options 触发的选项
* @param {Boolean} options.bubbles 是否冒泡
* @param {Boolean} options.cancelable 是否可以阻止事件的默认操作
* @param {window|null} options.view 指定 Event 的 AbstractView
* @param {1|Number} options.detail 指定 Event 的鼠标单击量
* @param {Number} options.screenX 指定 Event 的屏幕 x 坐标
* @param {Number} options.screenY number 指定 Event 的屏幕 y 坐标
* @param {Number} options.clientX 指定 Event 的客户端 x 坐标
* @param {Number} options.clientY 指定 Event 的客户端 y 坐标
* @param {Boolean} options.ctrlKey 指定是否在 Event 期间按下 ctrl 键
* @param {Boolean} options.altKey 指定是否在 Event 期间按下 alt 键
* @param {Boolean} options.shiftKey 指定是否在 Event 期间按下 shift 键
* @param {Boolean} options.metaKey 指定是否在 Event 期间按下 meta 键
* @param {Number} options.button 指定 Event 的鼠标按键
* @param {Number} options.keyCode 指定 Event 的键盘按键
* @param {Number} options.charCode 指定 Event 的字符编码
* @param {HTMLElement} options.relatedTarget 指定 Event 的相关 EventTarget
* @version 1.3
*
* @returns {HTMLElement} 目标元素
*/
(function(){
var browser = baidu.browser,
keys = {
keydown : 1,
keyup : 1,
keypress : 1
},
mouses = {
click : 1,
dblclick : 1,
mousedown : 1,
mousemove : 1,
mouseup : 1,
mouseover : 1,
mouseout : 1
},
htmls = {
abort : 1,
blur : 1,
change : 1,
error : 1,
focus : 1,
load : browser.ie ? 0 : 1,
reset : 1,
resize : 1,
scroll : 1,
select : 1,
submit : 1,
unload : browser.ie ? 0 : 1
},
bubblesEvents = {
scroll : 1,
resize : 1,
reset : 1,
submit : 1,
change : 1,
select : 1,
error : 1,
abort : 1
},
parameters = {
"KeyEvents" : ["bubbles", "cancelable", "view", "ctrlKey", "altKey", "shiftKey", "metaKey", "keyCode", "charCode"],
"MouseEvents" : ["bubbles", "cancelable", "view", "detail", "screenX", "screenY", "clientX", "clientY", "ctrlKey", "altKey", "shiftKey", "metaKey", "button", "relatedTarget"],
"HTMLEvents" : ["bubbles", "cancelable"],
"UIEvents" : ["bubbles", "cancelable", "view", "detail"],
"Events" : ["bubbles", "cancelable"]
};
baidu.object.extend(bubblesEvents, keys);
baidu.object.extend(bubblesEvents, mouses);
function parse(array, source){//按照array的项在source中找到值生成新的obj并把source中对应的array的项删除
var i = 0, size = array.length, obj = {};
for(; i < size; i++){
obj[array[i]] = source[array[i]];
delete source[array[i]];
}
return obj;
};
function eventsHelper(type, eventType, options){//非IE内核的事件辅助
options = baidu.object.extend({}, options);
var param = baidu.object.values(parse(parameters[eventType], options)),
evnt = document.createEvent(eventType);
param.unshift(type);
if("KeyEvents" == eventType){
evnt.initKeyEvent.apply(evnt, param);
}else if("MouseEvents" == eventType){
evnt.initMouseEvent.apply(evnt, param);
}else if("UIEvents" == eventType){
evnt.initUIEvent.apply(evnt, param);
}else{//HTMMLEvents, Events
evnt.initEvent.apply(evnt, param);
}
baidu.object.extend(evnt, options);//把多出来的options再附加上去,这是为解决当创建一个其它event时，当用Events代替后需要把参数附加到对象上
return evnt;
};
function eventObject(options){//ie内核的构建方式
var evnt;
if(document.createEventObject){
evnt = document.createEventObject();
baidu.object.extend(evnt, options);
}
return evnt;
};
function keyEvents(type, options){//keyEvents
options = parse(parameters["KeyEvents"], options);
var evnt;
if(document.createEvent){
try{//opera对keyEvents的支持极差
evnt = eventsHelper(type, "KeyEvents", options);
}catch(keyError){
try{
evnt = eventsHelper(type, "Events", options);
}catch(evtError){
evnt = eventsHelper(type, "UIEvents", options);
}
}
}else{
options.keyCode = options.charCode > 0 ? options.charCode : options.keyCode;
evnt = eventObject(options);
}
return evnt;
};
function mouseEvents(type, options){//mouseEvents
options = parse(parameters["MouseEvents"], options);
var evnt;
if(document.createEvent){
evnt = eventsHelper(type, "MouseEvents", options);//mouseEvents基本浏览器都支持
if(options.relatedTarget && !evnt.relatedTarget){
if("mouseout" == type.toLowerCase()){
evnt.toElement = options.relatedTarget;
}else if("mouseover" == type.toLowerCase()){
evnt.fromElement = options.relatedTarget;
}
}
}else{
options.button = options.button == 0 ? 1
: options.button == 1 ? 4
: baidu.lang.isNumber(options.button) ? options.button : 0;
evnt = eventObject(options);
}
return evnt;
};
function htmlEvents(type, options){//htmlEvents
options.bubbles = bubblesEvents.hasOwnProperty(type);
options = parse(parameters["HTMLEvents"], options);
var evnt;
if(document.createEvent){
try{
evnt = eventsHelper(type, "HTMLEvents", options);
}catch(htmlError){
try{
evnt = eventsHelper(type, "UIEvents", options);
}catch(uiError){
evnt = eventsHelper(type, "Events", options);
}
}
}else{
evnt = eventObject(options);
}
return evnt;
};
baidu.event.fire = function(element, type, options){
var evnt;
type = type.replace(/^on/i, "");
element = baidu.dom._g(element);
options = baidu.object.extend({
bubbles : true,
cancelable : true,
view : window,
detail : 1,
screenX : 0,
screenY : 0,
clientX : 0,
clientY : 0,
ctrlKey : false,
altKey : false,
shiftKey: false,
metaKey : false,
keyCode : 0,
charCode: 0,
button : 0,
relatedTarget : null
}, options);
if(keys[type]){
evnt = keyEvents(type, options);
}else if(mouses[type]){
evnt = mouseEvents(type, options);
}else if(htmls[type]){
evnt = htmlEvents(type, options);
}else{
throw(new Error(type + " is not support!"));
}
if(evnt){//tigger event
if(element.dispatchEvent){
element.dispatchEvent(evnt);
}else if(element.fireEvent){
element.fireEvent("on" + type, evnt);
}
}
}
})();
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/event/get.js
* author: erik
* version: 1.1.0
* date: 2009/11/23
*/
/**
* 获取扩展的EventArg对象
* @name baidu.event.get
* @function
* @grammar baidu.event.get(event[, win])
* @param {Event} event 事件对象
* @param {window} [win] 触发事件元素所在的window
* @meta standard
* @see baidu.event.EventArg
*
* @returns {EventArg} 扩展的事件对象
*/
baidu.event.get = function (event, win) {
return new baidu.event.EventArg(event, win);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/event/getKeyCode.js
* author: erik
* version: 1.1.0
* date: 2009/11/23
*/
/**
* 获取键盘事件的键值
* @name baidu.event.getKeyCode
* @function
* @grammar baidu.event.getKeyCode(event)
* @param {Event} event 事件对象
*
* @returns {number} 键盘事件的键值
*/
baidu.event.getKeyCode = function (event) {
return event.which || event.keyCode;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/event/getPageX.js
* author: erik
* version: 1.1.0
* date: 2009/12/16
*/
/**
* 获取鼠标事件的鼠标x坐标
* @name baidu.event.getPageX
* @function
* @grammar baidu.event.getPageX(event)
* @param {Event} event 事件对象
* @see baidu.event.getPageY
*
* @returns {number} 鼠标事件的鼠标x坐标
*/
baidu.event.getPageX = function (event) {
var result = event.pageX,
doc = document;
if (!result && result !== 0) {
result = (event.clientX || 0)
+ (doc.documentElement.scrollLeft
|| doc.body.scrollLeft);
}
return result;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/event/getPageY.js
* author: erik
* version: 1.1.0
* date: 2009/12/16
*/
/**
* 获取鼠标事件的鼠标y坐标
* @name baidu.event.getPageY
* @function
* @grammar baidu.event.getPageY(event)
* @param {Event} event 事件对象
* @see baidu.event.getPageX
*
* @returns {number} 鼠标事件的鼠标y坐标
*/
baidu.event.getPageY = function (event) {
var result = event.pageY,
doc = document;
if (!result && result !== 0) {
result = (event.clientY || 0)
+ (doc.documentElement.scrollTop
|| doc.body.scrollTop);
}
return result;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/event/once.js
* author: wangcheng
* version: 1.1.0
* date: 2010/10/29
*/
/**
* 为目标元素添加一次事件绑定
* @name baidu.event.once
* @function
* @grammar baidu.event.once(element, type, listener)
* @param {HTMLElement|string} element 目标元素或目标元素id
* @param {string} type 事件类型
* @param {Function} listener 需要添加的监听器
* @version 1.3
* @see baidu.event.un,baidu.event.on
*
* @returns {HTMLElement} 目标元素
*/
baidu.event.once = function(element, type, listener){
element = baidu.dom._g(element);
function onceListener(event){
listener.call(element,event);
baidu.event.un(element, type, onceListener);
}
baidu.event.on(element, type, onceListener);
return element;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/event/stopPropagation.js
* author: erik
* version: 1.1.0
* date: 2009/11/23
*/
/**
* 阻止事件传播
* @name baidu.event.stopPropagation
* @function
* @grammar baidu.event.stopPropagation(event)
* @param {Event} event 事件对象
* @see baidu.event.stop,baidu.event.preventDefault
*/
baidu.event.stopPropagation = function (event) {
if (event.stopPropagation) {
event.stopPropagation();
} else {
event.cancelBubble = true;
}
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/event/stop.js
* author: erik
* version: 1.1.0
* date: 2009/11/23
*/
/**
* 停止事件
* @name baidu.event.stop
* @function
* @grammar baidu.event.stop(event)
* @param {Event} event 事件对象
* @see baidu.event.stopPropagation,baidu.event.preventDefault
*/
baidu.event.stop = function (event) {
var e = baidu.event;
e.stopPropagation(event);
e.preventDefault(event);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/event/_eventFilter.js
* author: rocy
* version: 1.0.0
* date: 2010/10/29
*/
baidu.event._eventFilter = baidu.event._eventFilter || {};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/event/_eventFilter/_crossElementBoundary.js
* author: Rocy, berg
* version: 1.0.0
* date: 2010/12/16
*/
/**
* 事件仅在鼠标进入/离开元素区域触发一次，当鼠标在元素区域内部移动的时候不会触发，用于为非IE浏览器添加mouseleave/mouseenter支持。
*
* @name baidu.event._eventFilter._crossElementBoundary
* @function
* @grammar baidu.event._eventFilter._crossElementBoundary(listener, e)
*
* @param {function} listener 要触发的函数
* @param {DOMEvent} e DOM事件
*/
baidu.event._eventFilter._crossElementBoundary = function(listener, e){
var related = e.relatedTarget,
current = e.currentTarget;
if(
related === false ||
// 如果current和related都是body，contains函数会返回false
current == related ||
// Firefox有时会把XUL元素作为relatedTarget
// 这些元素不能访问parentNode属性
// thanks jquery & mootools
(related && (related.prefix == 'xul' ||
//如果current包含related，说明没有经过current的边界
baidu.dom.contains(current, related)))
){
return ;
}
return listener.call(current, e);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/fn/bind.js
* author: berg
* version: 1.0.0
* date: 2010/11/02
*/
/**
* 为对象绑定方法和作用域
* @name baidu.fn.bind
* @function
* @grammar baidu.fn.bind(handler[, obj, args])
* @param {Function|String} handler 要绑定的函数，或者一个在作用域下可用的函数名
* @param {Object} obj 执行运行时this，如果不传入则运行时this为函数本身
* @param {args* 0..n} args 函数执行时附加到执行时函数前面的参数
* @version 1.3
*
* @returns {Function} 封装后的函数
*/
baidu.fn.bind = function(func, scope) {
var xargs = arguments.length > 2 ? [].slice.call(arguments, 2) : null;
return function () {
var fn = baidu.lang.isString(func) ? scope[func] : func,
args = (xargs) ? xargs.concat([].slice.call(arguments, 0)) : arguments;
return fn.apply(scope || fn, args);
};
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/event/_eventFilter/mouseenter.js
* author: Rocy
* version: 1.0.0
* date: 2010/11/09
*/
/**
* 用于为非IE浏览器添加mouseenter的支持;
* mouseenter事件仅在鼠标进入元素区域触发一次,
* 当鼠标在元素内部移动的时候不会多次触发.
*/
baidu.event._eventFilter.mouseenter = window.attachEvent ? null : function(element,type, listener){
return {
type: "mouseover",
listener: baidu.fn.bind(baidu.event._eventFilter._crossElementBoundary, this, listener)
}
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/event/_eventFilter/mouseleave.js
* author: Rocy, berg
* version: 1.0.0
* date: 2010/11/09
*/
/**
* 用于为非IE浏览器添加mouseleave的支持;
* mouseleave事件仅在鼠标移出元素区域触发一次,
* 当鼠标在元素区域内部移动的时候不会触发.
*/
baidu.event._eventFilter.mouseleave = window.attachEvent ? null : function(element,type, listener){
return {
type: "mouseout",
listener: baidu.fn.bind(baidu.event._eventFilter._crossElementBoundary, this, listener)
}
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/event/_unload.js
* author: erik, berg
* version: 1.1.0
* date: 2009/12/16
*/
/**
* 卸载所有事件监听器
* @private
*/
baidu.event._unload = function() {
var lis = baidu.event._listeners,
len = lis.length,
standard = !!window.removeEventListener,
item, el;
while (len--) {
item = lis[len];
//20100409 berg: 不解除unload的绑定，保证用户的事件一定会被执行
//否则用户挂载进入的unload事件也可能会在这里被删除
if (item[1] == 'unload') {
continue;
}
//如果el被移除，不做判断将导致js报错
if (!(el = item[0])) {
continue;
}
if (el.removeEventListener) {
el.removeEventListener(item[1], item[3], false);
} else if (el.detachEvent) {
el.detachEvent('on' + item[1], item[3]);
}
}
if (standard) {
window.removeEventListener('unload', baidu.event._unload, false);
} else {
window.detachEvent('onunload', baidu.event._unload);
}
};
// 在页面卸载的时候，将所有事件监听器移除
if (window.attachEvent) {
window.attachEvent('onunload', baidu.event._unload);
} else {
window.addEventListener('unload', baidu.event._unload, false);
}
/*
* Tangram
* Copyright 2011 Baidu Inc. All rights reserved.
*
* path: baidu/fn/abstractMethod.js
* author: leeight
* version: 1.0.0
* date: 2011/04/29
*/
/**
* 定义一个抽象方法
* @type {!Function}
* @throws {Error} when invoked to indicate the method should be
* overridden.
* @see goog.abstractMethod
*/
baidu.fn.abstractMethod = function() {
throw Error('unimplemented abstract method');
};
/* vim: set ts=4 sw=4 sts=4 tw=100 noet: */
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/json.js
* author: erik
* version: 1.1.0
* date: 2009/12/02
*/
/**
* @namespace baidu.json 操作json对象的方法。
*/
baidu.json = baidu.json || {};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/json/parse.js
* author: erik, berg
* version: 1.2
* date: 2009/11/23
*/
/**
* 将字符串解析成json对象。注：不会自动祛除空格
* @name baidu.json.parse
* @function
* @grammar baidu.json.parse(data)
* @param {string} source 需要解析的字符串
* @remark
* 该方法的实现与ecma-262第五版中规定的JSON.parse不同，暂时只支持传入一个参数。后续会进行功能丰富。
* @meta standard
* @see baidu.json.stringify,baidu.json.decode
*
* @returns {JSON} 解析结果json对象
*/
baidu.json.parse = function (data) {
//2010/12/09：更新至不使用原生parse，不检测用户输入是否正确
return (new Function("return (" + data + ")"))();
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/json/decode.js
* author: erik, cat
* version: 1.3.4
* date: 2010/12/23
*/
/**
* 将字符串解析成json对象，为过时接口，今后会被baidu.json.parse代替
* @name baidu.json.decode
* @function
* @grammar baidu.json.decode(source)
* @param {string} source 需要解析的字符串
* @meta out
* @see baidu.json.encode,baidu.json.parse
*
* @returns {JSON} 解析结果json对象
*/
baidu.json.decode = baidu.json.parse;
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/json/stringify.js
* author: erik
* version: 1.1.0
* date: 2010/01/11
*/
/**
* 将json对象序列化
* @name baidu.json.stringify
* @function
* @grammar baidu.json.stringify(value)
* @param {JSON} value 需要序列化的json对象
* @remark
* 该方法的实现与ecma-262第五版中规定的JSON.stringify不同，暂时只支持传入一个参数。后续会进行功能丰富。
* @meta standard
* @see baidu.json.parse,baidu.json.encode
*
* @returns {string} 序列化后的字符串
*/
baidu.json.stringify = (function () {
/**
* 字符串处理时需要转义的字符表
* @private
*/
var escapeMap = {
"\b": '\\b',
"\t": '\\t',
"\n": '\\n',
"\f": '\\f',
"\r": '\\r',
'"' : '\\"',
"\\": '\\\\'
};
/**
* 字符串序列化
* @private
*/
function encodeString(source) {
if (/["\\\x00-\x1f]/.test(source)) {
source = source.replace(
/["\\\x00-\x1f]/g,
function (match) {
var c = escapeMap[match];
if (c) {
return c;
}
c = match.charCodeAt();
return "\\u00"
+ Math.floor(c / 16).toString(16)
+ (c % 16).toString(16);
});
}
return '"' + source + '"';
}
/**
* 数组序列化
* @private
*/
function encodeArray(source) {
var result = ["["],
l = source.length,
preComma, i, item;
for (i = 0; i < l; i++) {
item = source[i];
switch (typeof item) {
case "undefined":
case "function":
case "unknown":
break;
default:
if(preComma) {
result.push(',');
}
result.push(baidu.json.stringify(item));
preComma = 1;
}
}
result.push("]");
return result.join("");
}
/**
* 处理日期序列化时的补零
* @private
*/
function pad(source) {
return source < 10 ? '0' + source : source;
}
/**
* 日期序列化
* @private
*/
function encodeDate(source){
return '"' + source.getFullYear() + "-"
+ pad(source.getMonth() + 1) + "-"
+ pad(source.getDate()) + "T"
+ pad(source.getHours()) + ":"
+ pad(source.getMinutes()) + ":"
+ pad(source.getSeconds()) + '"';
}
return function (value) {
switch (typeof value) {
case 'undefined':
return 'undefined';
case 'number':
return isFinite(value) ? String(value) : "null";
case 'string':
return encodeString(value);
case 'boolean':
return String(value);
default:
if (value === null) {
return 'null';
} else if (value instanceof Array) {
return encodeArray(value);
} else if (value instanceof Date) {
return encodeDate(value);
} else {
var result = ['{'],
encode = baidu.json.stringify,
preComma,
item;
for (var key in value) {
if (Object.prototype.hasOwnProperty.call(value, key)) {
item = value[key];
switch (typeof item) {
case 'undefined':
case 'unknown':
case 'function':
break;
default:
if (preComma) {
result.push(',');
}
preComma = 1;
result.push(encode(key) + ':' + encode(item));
}
}
}
result.push('}');
return result.join('');
}
}
};
})();
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/json/encode.js
* author: erik, cat
* version: 1.3.4
* date: 2010/12/23
*/
/**
* 将json对象序列化，为过时接口，今后会被baidu.json.stringify代替
* @name baidu.json.encode
* @function
* @grammar baidu.json.encode(value)
* @param {JSON} value 需要序列化的json对象
* @meta out
* @see baidu.json.decode,baidu.json.stringify
*
* @returns {string} 序列化后的字符串
*/
baidu.json.encode = baidu.json.stringify;
/*
* Tangram
* Copyright 2010 Baidu Inc. All rights reserved.
*
* path: baidu/lang/Class/addEventListeners.js
* author: berg
* version: 1.0
* date: 2010-07-05
*/
/**
* 添加多个自定义事件。
* @grammar obj.addEventListeners(events, fn)
* @param {object} events json对象，key为事件名称，value为事件被触发时应该调用的回调函数
* @param {Function} fn 要挂载的函数
* @version 1.3
*/
/* addEventListeners("onmyevent,onmyotherevent", fn);
* addEventListeners({
* "onmyevent" : fn,
* "onmyotherevent" : fn1
* });
*/
baidu.lang.Class.prototype.addEventListeners = function (events, fn) {
if(typeof fn == 'undefined'){
for(var i in events){
this.addEventListener(i, events[i]);
}
}else{
events = events.split(',');
var i = 0, len = events.length, event;
for(; i < len; i++){
this.addEventListener(baidu.trim(events[i]), fn);
}
}
};
/*
* Tangram
* Copyright 2010 Baidu Inc. All rights reserved.
*
* @author: meizz
* @namespace: baidu.lang.createClass
* @version: 2010-05-13
*/
/**
* 创建一个类，包括创造类的构造器、继承基类Class
* @name baidu.lang.createClass
* @function
* @grammar baidu.lang.createClass(constructor[, options])
* @param {Function} constructor 类的构造器函数
* @param {Object} [options]
* @config {string} [className] 类名
* @config {Function} [superClass] 父类，默认为baidu.lang.Class
* @version 1.2
* @remark
*
使用createClass能方便的创建一个带有继承关系的类。同时会为返回的类对象添加extend方法，使用obj.extend({});可以方便的扩展原型链上的方法和属性
* @see baidu.lang.Class,baidu.lang.inherits
*
* @returns {Object} 一个类对象
*/
baidu.lang.createClass = function(constructor, options) {
options = options || {};
var superClass = options.superClass || baidu.lang.Class;
// 创建新类的真构造器函数
var fn = function(){
// 继承父类的构造器
if(superClass != baidu.lang.Class){
superClass.apply(this, arguments);
}else{
superClass.call(this);
}
constructor.apply(this, arguments);
};
fn.options = options.options || {};
var C = function(){},
cp = constructor.prototype;
C.prototype = superClass.prototype;
// 继承父类的原型（prototype)链
var fp = fn.prototype = new C();
// 继承传参进来的构造器的 prototype 不会丢
for (var i in cp) fp[i] = cp[i];
typeof options.className == "string" && (fp._className = options.className);
// 修正这种继承方式带来的 constructor 混乱的问题
fp.constructor = cp.constructor;
// 给类扩展出一个静态方法，以代替 baidu.object.extend()
fn.extend = function(json){
for (var i in json) {
fn.prototype[i] = json[i];
}
return fn; // 这个静态方法也返回类对象本身
};
return fn;
};
/*
* Tangram
* Copyright 2010 Baidu Inc. All rights reserved.
*
* path: baidu/lang/decontrol.js
* author: meizz
* version: 1.1.0
* $date$
*/
/**
* 解除instance中对指定类实例的引用关系。
* @name baidu.lang.decontrol
* @function
* @grammar baidu.lang.decontrol(guid)
* @param {string} guid 类的唯一标识
* @version 1.1.1
* @see baidu.lang.instance
*/
baidu.lang.decontrol = function(guid) {
var m = window[baidu.guid];
m._instances && (delete m._instances[guid]);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 事件中心
* @class 事件中心
* @name baidu.lang.eventCenter
* @author rocy
*/
baidu.lang.eventCenter = baidu.lang.eventCenter || baidu.lang.createSingle();
/**
* 注册全局事件监听器。
* @name baidu.lang.eventCenter.addEventListener
* @function
* @grammar baidu.lang.eventCenter.addEventListener(type, handler[, key])
* @param {string} type 自定义事件的名称
* @param {Function} handler 自定义事件被触发时应该调用的回调函数
* @param {string} [key] 为事件监听函数指定的名称，可在移除时使用。如果不提供，方法会默认为它生成一个全局唯一的key。
* @remark 事件类型区分大小写。如果自定义事件名称不是以小写"on"开头，该方法会给它加上"on"再进行判断，即"click"和"onclick"会被认为是同一种事件。
*/
/**
* 移除全局事件监听器。
* @grammar baidu.lang.eventCenter.removeEventListener(type, handler)
* @param {string} type 事件类型
* @param {Function|string} handler 要移除的事件监听函数或者监听函数的key
* @remark 如果第二个参数handler没有被绑定到对应的自定义事件中，什么也不做。
*/
/**
* 派发全局自定义事件，使得绑定到全局自定义事件上面的函数都会被执行。
* @grammar baidu.lang.eventCenter.dispatchEvent(event, options)
* @param {baidu.lang.Event|String} event Event对象，或事件名称(1.1.1起支持)
* @param {Object} options 扩展参数,所含属性键值会扩展到Event对象上(1.2起支持)
*/
/*
* tangram
* copyright 2011 baidu inc. all rights reserved.
*
* path: baidu/lang/getModule.js
* author: leeight
* version: 1.1.0
* date: 2011/04/29
*/
/**
* 根据变量名或者命名空间来查找对象
* @param {string} name 变量或者命名空间的名字.
* @param {Object=} opt_obj 从这个对象开始查找，默认是window;
* @return {?Object} 返回找到的对象，如果没有找到返回null.
* @see goog.getObjectByName
*/
baidu.lang.getModule = function(name, opt_obj) {
var parts = name.split('.'),
cur = opt_obj || window,
part;
for (; part = parts.shift(); ) {
if (cur[part] != null) {
cur = cur[part];
} else {
return null;
}
}
return cur;
};
/* vim: set ts=4 sw=4 sts=4 tw=100 noet: */
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/lang/inherits.js
* author: erik
* version: 1.1.0
* date: 2009/11/24
*/
/**
* 为类型构造器建立继承关系
* @name baidu.lang.inherits
* @function
* @grammar baidu.lang.inherits(subClass, superClass[, className])
* @param {Function} subClass 子类构造器
* @param {Function} superClass 父类构造器
* @param {string} className 类名标识
* @remark
*
使subClass继承superClass的prototype，因此subClass的实例能够使用superClass的prototype中定义的所有属性和方法。
这个函数实际上是建立了subClass和superClass的原型链集成，并对subClass进行了constructor修正。
注意：如果要继承构造函数，需要在subClass里面call一下，具体见下面的demo例子
* @shortcut inherits
* @meta standard
* @see baidu.lang.Class
*/
baidu.lang.inherits = function (subClass, superClass, className) {
var key, proto,
selfProps = subClass.prototype,
clazz = new Function();
clazz.prototype = superClass.prototype;
proto = subClass.prototype = new clazz();
for (key in selfProps) {
proto[key] = selfProps[key];
}
subClass.prototype.constructor = subClass;
subClass.superClass = superClass.prototype;
// 类名标识，兼容Class的toString，基本没用
if ("string" == typeof className) {
proto._className = className;
}
};
// 声明快捷方法
baidu.inherits = baidu.lang.inherits;
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/lang/instance.js
* author: meizz, erik
* version: 1.1.0
* date: 2009/12/1
*/
/**
* 根据参数(guid)的指定，返回对应的实例对象引用
* @name baidu.lang.instance
* @function
* @grammar baidu.lang.instance(guid)
* @param {string} guid 需要获取实例的guid
* @meta standard
*
* @returns {Object|null} 如果存在的话，返回;否则返回null。
*/
baidu.lang.instance = function (guid) {
return window[baidu.guid]._instances[guid] || null;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/lang/isBoolean.js
* author: berg
* version: 1.0.0
* date: 2010/10/12
*/
/**
* 判断目标参数是否Boolean对象
* @name baidu.lang.isBoolean
* @function
* @grammar baidu.lang.isBoolean(source)
* @param {Any} source 目标参数
* @version 1.3
* @see baidu.lang.isString,baidu.lang.isObject,baidu.lang.isNumber,baidu.lang.isElement,baidu.lang.isArray,baidu.lang.isDate
*
* @returns {boolean} 类型判断结果
*/
baidu.lang.isBoolean = function(o) {
return typeof o === 'boolean';
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/lang/isDate.js
* author: berg
* version: 1.0.0
* date: 2010/10/12
*/
/**
* 判断目标参数是否为Date对象
* @name baidu.lang.isDate
* @function
* @grammar baidu.lang.isDate(source)
* @param {Any} source 目标参数
* @version 1.3
* @see baidu.lang.isString,baidu.lang.isObject,baidu.lang.isNumber,baidu.lang.isArray,baidu.lang.isBoolean,baidu.lang.isElement
*
* @returns {boolean} 类型判断结果
*/
baidu.lang.isDate = function(o) {
// return o instanceof Date;
return {}.toString.call(o) === "[object Date]" && o.toString() !== 'Invalid Date' && !isNaN(o);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/lang/isElement.js
* author: erik
* version: 1.1.0
* date: 2009/12/30
*/
/**
* 判断目标参数是否为Element对象
* @name baidu.lang.isElement
* @function
* @grammar baidu.lang.isElement(source)
* @param {Any} source 目标参数
* @meta standard
* @see baidu.lang.isString,baidu.lang.isObject,baidu.lang.isNumber,baidu.lang.isArray,baidu.lang.isBoolean,baidu.lang.isDate
*
* @returns {boolean} 类型判断结果
*/
baidu.lang.isElement = function (source) {
return !!(source && source.nodeName && source.nodeType == 1);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/lang/isObject.js
* author: erik
* version: 1.1.0
* date: 2009/12/30
*/
/**
* 判断目标参数是否为Object对象
* @name baidu.lang.isObject
* @function
* @grammar baidu.lang.isObject(source)
* @param {Any} source 目标参数
* @shortcut isObject
* @meta standard
* @see baidu.lang.isString,baidu.lang.isNumber,baidu.lang.isArray,baidu.lang.isElement,baidu.lang.isBoolean,baidu.lang.isDate
*
* @returns {boolean} 类型判断结果
*/
baidu.lang.isObject = function (source) {
return 'function' == typeof source || !!(source && 'object' == typeof source);
};
// 声明快捷方法
baidu.isObject = baidu.lang.isObject;
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 增加自定义模块扩展,默认创建在当前作用域
* @author erik, berg
* @name baidu.lang.module
* @function
* @grammar baidu.lang.module(name, module[, owner])
* @param {string} name 需要创建的模块名.
* @param {Any} module 需要创建的模块对象.
* @param {Object} [owner] 模块创建的目标环境，默认为window.
* @remark
*
从1.1.1开始，module方法会优先在当前作用域下寻找模块，如果无法找到，则寻找window下的模块
* @meta standard
*/
baidu.lang.module = function(name, module, owner) {
var packages = name.split('.'),
len = packages.length - 1,
packageName,
i = 0;
// 如果没有owner，找当前作用域，如果当前作用域没有此变量，在window创建
if (!owner) {
try {
if (!(new RegExp('^[a-zA-Z_\x24][a-zA-Z0-9_\x24]*\x24')).test(packages[0])) {
throw '';
}
owner = eval(packages[0]);
i = 1;
}catch (e) {
owner = window;
}
}
for (; i < len; i++) {
packageName = packages[i];
if (!owner[packageName]) {
owner[packageName] = {};
}
owner = owner[packageName];
}
if (!owner[packages[len]]) {
owner[packages[len]] = module;
}
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/number/comma.js
* author: dron, erik, berg
* version: 1.2.0
* date: 2010/09/07
*/
/**
* 为目标数字添加逗号分隔
* @name baidu.number.comma
* @function
* @grammar baidu.number.comma(source[, length])
* @param {number} source 需要处理的数字
* @param {number} [length] 两次逗号之间的数字位数，默认为3位
*
* @returns {string} 添加逗号分隔后的字符串
*/
baidu.number.comma = function (source, length) {
if (!length || length < 1) {
length = 3;
}
source = String(source).split(".");
source[0] = source[0].replace(new RegExp('(\\d)(?=(\\d{'+length+'})+$)','ig'),"$1,");
return source.join(".");
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/number/randomInt.js
* author: berg
* version: 1.0.0
* date: 2010/12/14
*/
/**
* 生成随机整数，范围是[min, max]
* @name baidu.number.randomInt
* @function
* @grammar baidu.number.randomInt(min, max)
*
* @param {number} min 随机整数的最小值
* @param {number} max 随机整数的最大值
* @return {number} 生成的随机整数
*/
baidu.number.randomInt = function(min, max){
return Math.floor(Math.random() * (max - min + 1) + min);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 判断一个对象是不是字面量对象，即判断这个对象是不是由{}或者new Object类似方式创建
*
* @name baidu.object.isPlain
* @function
* @grammar baidu.object.isPlain(source)
* @param {Object} source 需要检查的对象
* @remark
* 事实上来说，在Javascript语言中，任何判断都一定会有漏洞，因此本方法只针对一些最常用的情况进行了判断
*
* @returns {Boolean} 检查结果
*/
baidu.object.isPlain = function(obj){
var hasOwnProperty = Object.prototype.hasOwnProperty,
key;
if ( !obj ||
//一般的情况，直接用toString判断
Object.prototype.toString.call(obj) !== "[object Object]" ||
//IE下，window/document/document.body/HTMLElement/HTMLCollection/NodeList等DOM对象上一个语句为true
//isPrototypeOf挂在Object.prototype上的，因此所有的字面量都应该会有这个属性
//对于在window上挂了isPrototypeOf属性的情况，直接忽略不考虑
!('isPrototypeOf' in obj)
) {
return false;
}
//判断new fun()自定义对象的情况
//constructor不是继承自原型链的
//并且原型中有isPrototypeOf方法才是Object
if ( obj.constructor &&
!hasOwnProperty.call(obj, "constructor") &&
!hasOwnProperty.call(obj.constructor.prototype, "isPrototypeOf") ) {
return false;
}
//判断有继承的情况
//如果有一项是继承过来的，那么一定不是字面量Object
//OwnProperty会首先被遍历，为了加速遍历过程，直接看最后一项
for ( key in obj ) {}
return key === undefined || hasOwnProperty.call( obj, key );
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 对一个object进行深度拷贝
*
* @author berg
* @name baidu.object.clone
* @function
* @grammar baidu.object.clone(source)
* @param {Object} source 需要进行拷贝的对象
* @remark
* 对于Object来说，只拷贝自身成员，不拷贝prototype成员
* @meta standard
*
* @returns {Object} 拷贝后的新对象
*/
baidu.object.clone = function (source) {
var result = source, i, len;
if (!source
|| source instanceof Number
|| source instanceof String
|| source instanceof Boolean) {
return result;
} else if (baidu.lang.isArray(source)) {
result = [];
var resultLen = 0;
for (i = 0, len = source.length; i < len; i++) {
result[resultLen++] = baidu.object.clone(source[i]);
}
} else if (baidu.object.isPlain(source)) {
result = {};
for (i in source) {
if (source.hasOwnProperty(i)) {
result[i] = baidu.object.clone(source[i]);
}
}
}
return result;
};
/*
* tangram
* copyright 2011 baidu inc. all rights reserved.
*
* path: baidu/object/isEmpty.js
* author: leeight
* version: 1.1.0
* date: 2011/04/30
*/
/**
* 检测一个对象是否是空的.
* 需要注意的是：
* 如果污染了Object.prototype或者Array.prototype，那么
* baidu.object.isEmpty({})或者
* baidu.object.isEmpty([])可能返回的就是false.
* @param {Object} obj 需要检测的对象.
* @return {boolean} 如果是空的对象就返回true.
*/
baidu.object.isEmpty = function(obj) {
for (var key in obj) {
return false;
}
return true;
};
/* vim: set ts=4 sw=4 sts=4 tw=100 noet: */
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/object/keys.js
* author: erik
* version: 1.1.0
* date: 2009/11/15
*/
/**
* 获取目标对象的键名列表
* @name baidu.object.keys
* @function
* @grammar baidu.object.keys(source)
* @param {Object} source 目标对象
* @see baidu.object.values
*
* @returns {Array} 键名列表
*/
baidu.object.keys = function (source) {
var result = [], resultLen = 0, k;
for (k in source) {
if (source.hasOwnProperty(k)) {
result[resultLen++] = k;
}
}
return result;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/object/map.js
* author: berg
* version: 1.1.0
* date: 2010/12/14
*/
/**
* 遍历object中所有元素，将每一个元素应用方法进行转换，返回转换后的新object。
* @name baidu.object.map
* @function
* @grammar baidu.object.map(source, iterator)
*
* @param {Array} source 需要遍历的object
* @param {Function} iterator 对每个object元素进行处理的函数
* @return {Array} map后的object
*/
baidu.object.map = function (source, iterator) {
var results = {};
for (var key in source) {
if (source.hasOwnProperty(key)) {
results[key] = iterator(source[key], key);
}
}
return results;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/*
* 默认情况下，所有在源对象上的属性都会被非递归地合并到目标对象上
* 并且如果目标对象上已有此属性，不会被覆盖
*/
/**
* 合并源对象的属性到目标对象。
*
* @name baidu.object.merge
* @function
* @grammar baidu.object.merge(target, source[, opt_options])
*
* @param {Function} target 目标对象.
* @param {Function} source 源对象.
* @param {Object} opt_options optional merge选项.
* @config {boolean} overwrite optional 如果为真，源对象属性会覆盖掉目标对象上的已有属性，默认为假.
* @config {string[]} whiteList optional 白名单，默认为空，如果存在，只有在这里的属性才会被处理.
* @config {boolean} recursive optional 是否递归合并对象里面的object，默认为否.
* @return {object} merge后的object.
* @see baidu.object.extend
* @author berg
*/
(function() {
var isPlainObject = function(source) {
return baidu.lang.isObject(source) && !baidu.lang.isFunction(source);
};
function mergeItem(target, source, index, overwrite, recursive) {
if (source.hasOwnProperty(index)) {
if (recursive && isPlainObject(target[index])) {
// 如果需要递归覆盖，就递归调用merge
baidu.object.merge(
target[index],
source[index],
{
'overwrite': overwrite,
'recursive': recursive
}
);
} else if (overwrite || !(index in target)) {
// 否则只处理overwrite为true，或者在目标对象中没有此属性的情况
target[index] = source[index];
}
}
}
baidu.object.merge = function(target, source, opt_options) {
var i = 0,
options = opt_options || {},
overwrite = options['overwrite'],
whiteList = options['whiteList'],
recursive = options['recursive'],
len;
// 只处理在白名单中的属性
if (whiteList && whiteList.length) {
len = whiteList.length;
for (; i < len; ++i) {
mergeItem(target, source, whiteList[i], overwrite, recursive);
}
} else {
for (i in source) {
mergeItem(target, source, i, overwrite, recursive);
}
}
return target;
};
})();
/*
* Tangram
* Copyright 2010 Baidu Inc. All rights reserved.
*
* @author: meizz
* @namespace: baidu.page.createStyleSheet
* @version: 2010-06-12
*/
/**
* 在页面中创建样式表对象
* @name baidu.page.createStyleSheet
* @function
* @grammar baidu.page.createStyleSheet(options)
* @param {Object} options 配置信息
* @param {Document} options.document 指定在哪个document下创建，默认是当前文档
* @param {String} options.url css文件的URL
* @param {Number} options.index 在文档里的排序索引（注意，仅IE下有效）
* @version 1.2
* @remark
* ie 下返回值styleSheet的addRule方法不支持添加逗号分隔的css rule.
*
* @see baidu.page.createStyleSheet.StyleSheet
*
* @returns {baidu.page.createStyleSheet.StyleSheet} styleSheet对象(注意: 仅IE下,其他浏览器均返回null)
*/
baidu.page.createStyleSheet = function(options){
var op = options || {},
doc = op.document || document,
s;
if (baidu.browser.ie) {
//修复ie下会请求一个undefined的bug berg 2010/08/27
if(!op.url)
op.url = "";
return doc.createStyleSheet(op.url, op.index);
} else {
s = "";
op.url && (s="");
baidu.dom.insertHTML(doc.getElementsByTagName("HEAD")[0],"beforeEnd",s);
//如果用户传入了url参数，下面访问sheet.rules的时候会报错
if(op.url){
return null;
}
var sheet = doc.styleSheets[doc.styleSheets.length - 1],
rules = sheet.rules || sheet.cssRules;
return {
self : sheet
,rules : sheet.rules || sheet.cssRules
,addRule : function(selector, style, i) {
if (sheet.addRule) {
return sheet.addRule(selector, style, i);
} else if (sheet.insertRule) {
isNaN(i) && (i = rules.length);
return sheet.insertRule(selector +"{"+ style +"}", i);
}
}
,removeRule : function(i) {
if (sheet.removeRule) {
sheet.removeRule(i);
} else if (sheet.deleteRule) {
isNaN(i) && (i = 0);
sheet.deleteRule(i);
}
}
}
}
};
/*
* styleSheet对象 有两个方法
* addRule(selector, style, i)
* removeRule(i)
* 这两个方法已经做了浏览器兼容处理
* 一个集合
* rules
*/
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/page/getHeight.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/12/03
*/
/**
* 获取页面高度
* @name baidu.page.getHeight
* @function
* @grammar baidu.page.getHeight()
* @see baidu.page.getWidth
*
* @returns {number} 页面高度
*/
baidu.page.getHeight = function () {
var doc = document,
body = doc.body,
html = doc.documentElement,
client = doc.compatMode == 'BackCompat' ? body : doc.documentElement;
return Math.max(html.scrollHeight, body.scrollHeight, client.clientHeight);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/page/getWidth.js
* author: allstar, erik
* version: 1.1.0
* date: 2009/12/03
*/
/**
* 获取页面宽度
* @name baidu.page.getWidth
* @function
* @grammar baidu.page.getWidth()
* @see baidu.page.getHeight
* @meta standard
* @returns {number} 页面宽度
*/
baidu.page.getWidth = function () {
var doc = document,
body = doc.body,
html = doc.documentElement,
client = doc.compatMode == 'BackCompat' ? body : doc.documentElement;
return Math.max(html.scrollWidth, body.scrollWidth, client.clientWidth);
};
/*
* Tangram
* Copyright 2010 Baidu Inc. All rights reserved.
*/
/**
* 延迟加载图片. 默认只加载可见高度以上的图片, 随着窗口滚动加载剩余图片.注意: 仅支持垂直方向.
* @name baidu.page.lazyLoadImage
* @function
* @grammar baidu.page.lazyLoadImage([options])
* @param {Object} options
* @param {String} [options.className] 延迟加载的IMG的className,如果不传入该值将延迟加载所有IMG.
* @param {Number} [options.preloadHeight] 预加载的高度, 可见窗口下该高度内的图片将被加载.
* @param {String} [options.placeHolder] 占位图url.
* @param {Function} [options.onlazyload] 延迟加载回调函数,在实际加载时触发.
* @author rocy
*/
baidu.page.lazyLoadImage = function(options) {
options = options || {};
options.preloadHeight = options.preloadHeight || 0;
baidu.dom.ready(function() {
var imgs = document.getElementsByTagName('IMG'),
targets = imgs,
len = imgs.length,
i = 0,
viewOffset = getLoadOffset(),
srcAttr = 'data-tangram-ori-src',
target;
//避免循环中每次都判断className
if (options.className) {
targets = [];
for (; i < len; ++i) {
if (baidu.dom.hasClass(imgs[i], options.className)) {
targets.push(imgs[i]);
}
}
}
//计算需要加载图片的页面高度
function getLoadOffset() {
return baidu.page.getScrollTop() + baidu.page.getViewHeight() + options.preloadHeight;
}
//加载可视图片
for (i = 0, len = targets.length; i < len; ++i) {
target = targets[i];
if (baidu.dom.getPosition(target).top > viewOffset) {
target.setAttribute(srcAttr, target.src);
options.placeHolder ? target.src = options.placeHolder : target.removeAttribute('src');
}
}
//处理延迟加载
var loadNeeded = function() {
var viewOffset = getLoadOffset(),
imgSrc,
finished = true,
i = 0,
len = targets.length;
for (; i < len; ++i) {
target = targets[i];
imgSrc = target.getAttribute(srcAttr);
imgSrc && (finished = false);
if (baidu.dom.getPosition(target).top < viewOffset && imgSrc) {
target.src = imgSrc;
target.removeAttribute(srcAttr);
baidu.lang.isFunction(options.onlazyload) && options.onlazyload(target);
}
}
//当全部图片都已经加载, 去掉事件监听
finished && baidu.un(window, 'scroll', loadNeeded);
};
baidu.on(window, 'scroll', loadNeeded);
});
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/page/load.js
* author: rocy
* version: 1.0.0
* date: 2010/11/29
*/
/**
*
* 加载一组资源，支持多种格式资源的串/并行加载，支持每个文件有单独回调函数。
*
* @name baidu.page.load
* @function
* @grammar baidu.page.load(resources[, options])
*
* @param {Array} resources 资源描述数组，单个resource含如下属性.
* @param {String} resources.url 链接地址.
* @param {String} [resources.type] 取值["css","js","html"]，默认参考文件后缀.
* @param {String} [resources.requestType] 取值["dom","ajax"]，默认js和css用dom标签，html用ajax.
* @param {Function} resources.onload 当前resource加载完成的回调函数，若requestType为ajax，参数为xhr(可能失效)，responseText；若requestType为dom，无参数，执行时this为相应dom标签。.
*
* @param {Object} [options] 可选参数.
* @param {Function} [options.onload] 资源全部加载完成的回调函数，无参数。.
* @param {Boolean} [options.parallel] 是否并行加载，默认为false，串行。.
* @param {Boolean} [ignoreAllLoaded] 全部加载之后不触发回调事件.主要用于内部实现.
*
*
* @remark
* //串行实例
* baidu.page.load([
* { url : "http://img.baidu.com/js/tangram-1.3.2.js" },
* {url : "http://xxx.baidu.com/xpath/logicRequire.js",
* onload : fnOnRequireLoaded
* },
* { url : "http://xxx.baidu.com/xpath/target.js" }
* ],{
* onload : fnWhenTargetOK
* });
* //并行实例
* baidu.page.load([
* {
* url : "http://xxx.baidu.com/xpath/template.html",
* onload : fnExtractTemplate
* },
* { url : "http://xxx.baidu.com/xpath/style.css"},
* {
* url : "http://xxx.baidu.com/xpath/import.php?f=baidu.*",
* type : "js"
* },
* {
* url : "http://xxx.baidu.com/xpath/target.js",
* },
* {
* url : "http://xxx.baidu.com/xpath/jsonData.js",
* requestType : "ajax",
* onload : fnExtractData
* }
* ],{
* parallel : true,
* onload : fnWhenEverythingIsOK
* });
*/
baidu.page.load = function(resources, options, ignoreAllLoaded) {
//TODO failure, 整体onload能不能每个都调用; resources.charset
options = options || {};
var self = baidu.page.load,
cache = self._cache = self._cache || {},
loadingCache = self._loadingCache = self._loadingCache || {},
parallel = options.parallel;
function allLoadedChecker() {
for (var i = 0, len = resources.length; i < len; ++i) {
if (! cache[resources[i].url]) {
setTimeout(arguments.callee, 10);
return;
}
}
options.onload();
};
function loadByDom(res, callback) {
var node, loaded, onready;
switch (res.type.toLowerCase()) {
case 'css' :
node = document.createElement('link');
node.setAttribute('rel', 'stylesheet');
node.setAttribute('type', 'text/css');
break;
case 'js' :
node = document.createElement('script');
node.setAttribute('type', 'text/javascript');
node.setAttribute('charset', res.charset || self.charset);
break;
case 'html' :
node = document.createElement('iframe');
node.frameBorder = 'none';
break;
default :
return;
}
// HTML,JS works on all browsers, CSS works only on IE.
onready = function() {
if (!loaded && (!this.readyState ||
this.readyState === 'loaded' ||
this.readyState === 'complete')) {
loaded = true;
// 防止内存泄露
baidu.un(node, 'load', onready);
baidu.un(node, 'readystatechange', onready);
//node.onload = node.onreadystatechange = null;
callback.call(window, node);
}
};
baidu.on(node, 'load', onready);
baidu.on(node, 'readystatechange', onready);
//CSS has no onload event on firefox and webkit platform, so hack it.
if (res.type == 'css') {
(function() {
//避免重复加载
if (loaded) return;
try {
node.sheet.cssRule;
} catch (e) {
setTimeout(arguments.callee, 20);
return;
}
loaded = true;
callback.call(window, node);
})();
}
node.href = node.src = res.url;
document.getElementsByTagName('head')[0].appendChild(node);
}
//兼容第一个参数直接是资源地址.
baidu.lang.isString(resources) && (resources = [{url: resources}]);
//避免递归出错,添加容错.
if (! (resources && resources.length)) return;
function loadResources(res) {
var url = res.url,
shouldContinue = !!parallel,
cacheData,
callback = function(textOrNode) {
//ajax存入responseText,dom存入节点,用于保证onload的正确执行.
cache[res.url] = textOrNode;
delete loadingCache[res.url];
if (baidu.lang.isFunction(res.onload)) {
//若返回false, 则停止接下来的加载.
if (false === res.onload.call(window, textOrNode)) {
return;
}
}
//串行时递归执行
!parallel && self(resources.slice(1), options, true);
if ((! ignoreAllLoaded) && baidu.lang.isFunction(options.onload)) {
allLoadedChecker();
}
};
//默认用后缀名, 并防止后缀名大写
res.type = res.type || url.substr(url.lastIndexOf('.') + 1);
//默认html格式用ajax请求,其他都使用dom标签方式请求.
res.requestType = res.requestType || (res.type == 'html' ? 'ajax' : 'dom');
if (cacheData = cache[res.url]) {
callback(cacheData);
return shouldContinue;
}
if (!options.refresh && loadingCache[res.url]) {
setTimeout(function() {loadResources(res);}, 10);
return shouldContinue;
}
loadingCache[res.url] = true;
if (res.requestType.toLowerCase() == 'dom') {
loadByDom(res, callback);
}else {//ajax
baidu.ajax.get(res.url, function(xhr, responseText) {callback(responseText);});
}
//串行模式,通过callback方法执行后续
return shouldContinue;
};
baidu.each(resources, loadResources);
};
//默认编码设置为UTF8
baidu.page.load.charset = 'UTF8';
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/page/loadCssFile.js
* author: allstar
* version: 1.1.0
* date: 2009/11/20
*/
/**
* 动态在页面上加载一个外部css文件
* @name baidu.page.loadCssFile
* @function
* @grammar baidu.page.loadCssFile(path)
* @param {string} path css文件路径
* @see baidu.page.loadJsFile
*/
baidu.page.loadCssFile = function (path) {
var element = document.createElement("link");
element.setAttribute("rel", "stylesheet");
element.setAttribute("type", "text/css");
element.setAttribute("href", path);
document.getElementsByTagName("head")[0].appendChild(element);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/page/loadJsFile.js
* author: allstar
* version: 1.1.0
* date: 2009/11/20
*/
/**
* 动态在页面上加载一个外部js文件
* @name baidu.page.loadJsFile
* @function
* @grammar baidu.page.loadJsFile(path)
* @param {string} path js文件路径
* @see baidu.page.loadCssFile
*/
baidu.page.loadJsFile = function (path) {
var element = document.createElement('script');
element.setAttribute('type', 'text/javascript');
element.setAttribute('src', path);
element.setAttribute('defer', 'defer');
document.getElementsByTagName("head")[0].appendChild(element);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* @namespace baidu.platform 判断平台类型和特性的属性。
* @author jz
*/
baidu.platform = baidu.platform || {};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 判断是否为android平台
* @property android 是否为android平台
* @grammar baidu.platform.android
* @meta standard
* @see baidu.platform.x11,baidu.platform.windows,baidu.platform.macintosh,baidu.platform.iphone,baidu.platform.ipad
* @author jz
*/
baidu.platform.isAndroid = /android/i.test(navigator.userAgent);
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 判断是否为ipad平台
* @property ipad 是否为ipad平台
* @grammar baidu.platform.ipad
* @meta standard
* @see baidu.platform.x11,baidu.platform.windows,baidu.platform.macintosh,baidu.platform.iphone,baidu.platform.android
* @author jz
*/
baidu.platform.isIpad = /ipad/i.test(navigator.userAgent);
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 判断是否为iphone平台
* @property iphone 是否为iphone平台
* @grammar baidu.platform.iphone
* @meta standard
* @see baidu.platform.x11,baidu.platform.windows,baidu.platform.macintosh,baidu.platform.ipad,baidu.platform.android
* @author jz
*/
baidu.platform.isIphone = /iphone/i.test(navigator.userAgent);
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 判断是否为macintosh平台
* @property macintosh 是否为macintosh平台
* @grammar baidu.platform.macintosh
* @meta standard
* @see baidu.platform.x11,baidu.platform.windows,baidu.platform.iphone,baidu.platform.ipad,baidu.platform.android
* @author jz
*/
baidu.platform.isMacintosh = /macintosh/i.test(navigator.userAgent);
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 判断是否为windows平台
* @property windows 是否为windows平台
* @grammar baidu.platform.windows
* @meta standard
* @see baidu.platform.x11,baidu.platform.macintosh,baidu.platform.iphone,baidu.platform.ipad,baidu.platform.android
* @author jz
*/
baidu.platform.isWindows = /windows/i.test(navigator.userAgent);
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 判断是否为x11平台
* @property x11 是否为x11平台
* @grammar baidu.platform.x11
* @meta standard
* @see baidu.platform.windows,baidu.platform.macintosh,baidu.platform.iphone,baidu.platform.ipad,baidu.platform.android
* @author jz
*/
baidu.platform.isX11 = /x11/i.test(navigator.userAgent);
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/sio.js
* author: erik
* version: 1.1.0
* date: 2009/12/16
*/
/**
* @namespace baidu.sio 使用动态script标签请求服务器资源，包括由服务器端的回调和浏览器端的回调。
*/
baidu.sio = baidu.sio || {};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
*
* @param {HTMLElement} src script节点
* @param {String} url script节点的地址
* @param {String} [charset] 编码
*/
baidu.sio._createScriptTag = function(scr, url, charset){
scr.setAttribute('type', 'text/javascript');
charset && scr.setAttribute('charset', charset);
scr.setAttribute('src', url);
document.getElementsByTagName('head')[0].appendChild(scr);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 删除script的属性，再删除script标签，以解决修复内存泄漏的问题
*
* @param {HTMLElement} src script节点
*/
baidu.sio._removeScriptTag = function(scr){
if (scr.clearAttributes) {
scr.clearAttributes();
} else {
for (var attr in scr) {
if (scr.hasOwnProperty(attr)) {
delete scr[attr];
}
}
}
if(scr && scr.parentNode){
scr.parentNode.removeChild(scr);
}
scr = null;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 通过script标签加载数据，加载完成由浏览器端触发回调
* @name baidu.sio.callByBrowser
* @function
* @grammar baidu.sio.callByBrowser(url, opt_callback, opt_options)
* @param {string} url 加载数据的url
* @param {Function|string} opt_callback 数据加载结束时调用的函数或函数名
* @param {Object} opt_options 其他可选项
* @config {String} [charset] script的字符集
* @config {Integer} [timeOut] 超时时间，超过这个时间将不再响应本请求，并触发onfailure函数
* @config {Function} [onfailure] timeOut设定后才生效，到达超时时间时触发本函数
* @remark
* 1、与callByServer不同，callback参数只支持Function类型，不支持string。
* 2、如果请求了一个不存在的页面，callback函数在IE/opera下也会被调用，因此使用者需要在onsuccess函数中判断数据是否正确加载。
* @meta standard
* @see baidu.sio.callByServer
*/
baidu.sio.callByBrowser = function (url, opt_callback, opt_options) {
var scr = document.createElement("SCRIPT"),
scriptLoaded = 0,
options = opt_options || {},
charset = options['charset'],
callback = opt_callback || function(){},
timeOut = options['timeOut'] || 0,
timer;
// IE和opera支持onreadystatechange
// safari、chrome、opera支持onload
scr.onload = scr.onreadystatechange = function () {
// 避免opera下的多次调用
if (scriptLoaded) {
return;
}
var readyState = scr.readyState;
if ('undefined' == typeof readyState
|| readyState == "loaded"
|| readyState == "complete") {
scriptLoaded = 1;
try {
callback();
clearTimeout(timer);
} finally {
scr.onload = scr.onreadystatechange = null;
baidu.sio._removeScriptTag(scr);
}
}
};
if( timeOut ){
timer = setTimeout(function(){
scr.onload = scr.onreadystatechange = null;
baidu.sio._removeScriptTag(scr);
options.onfailure && options.onfailure();
}, timeOut);
}
baidu.sio._createScriptTag(scr, url, charset);
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*/
/**
* 通过script标签加载数据，加载完成由服务器端触发回调
* @name baidu.sio.callByServer
* @function
* @grammar baidu.sio.callByServer(url, callback[, opt_options])
* @param {string} url 加载数据的url.
* @param {Function|string} callback 服务器端调用的函数或函数名。如果没有指定本参数，将在URL中寻找options['queryField']做为callback的方法名.
* @param {Object} opt_options 加载数据时的选项.
* @config {string} [charset] script的字符集
* @config {string} [queryField] 服务器端callback请求字段名，默认为callback
* @config {Integer} [timeOut] 超时时间(单位：ms)，超过这个时间将不再响应本请求，并触发onfailure函数
* @config {Function} [onfailure] timeOut设定后才生效，到达超时时间时触发本函数
* @remark
* 如果url中已经包含key为“options['queryField']”的query项，将会被替换成callback中参数传递或自动生成的函数名。
* @meta standard
* @see baidu.sio.callByBrowser
*/
baidu.sio.callByServer = function(url, callback, opt_options) {
var scr = document.createElement('SCRIPT'),
prefix = 'bd__cbs__',
callbackName,
callbackImpl,
options = opt_options || {},
charset = options['charset'],
queryField = options['queryField'] || 'callback',
timeOut = options['timeOut'] || 0,
timer,
reg = new RegExp('(\\?|&)' + queryField + '=([^&]*)'),
matches;
if (baidu.lang.isFunction(callback)) {
callbackName = prefix + Math.floor(Math.random() * 2147483648).toString(36);
window[callbackName] = getCallBack(0);
} else if(baidu.lang.isString(callback)){
// 如果callback是一个字符串的话，就需要保证url是唯一的，不要去改变它
// TODO 当调用了callback之后，无法删除动态创建的script标签
callbackName = callback;
} else {
if (matches = reg.exec(url)) {
callbackName = matches[2];
}
}
if( timeOut ){
timer = setTimeout(getCallBack(1), timeOut);
}
//如果用户在URL中已有callback，用参数传入的callback替换之
url = url.replace(reg, '\x241' + queryField + '=' + callbackName);
if (url.search(reg) < 0) {
url += (url.indexOf('?') < 0 ? '?' : '&') + queryField + '=' + callbackName;
}
baidu.sio._createScriptTag(scr, url, charset);
/*
* 返回一个函数，用于立即（挂在window上）或者超时（挂在setTimeout中）时执行
*/
function getCallBack(onTimeOut){
/*global callbackName, callback, scr, options;*/
return function(){
try {
if( onTimeOut ){
options.onfailure && options.onfailure();
}else{
callback.apply(window, arguments);
clearTimeout(timer);
}
window[callbackName] = null;
delete window[callbackName];
} catch (exception) {
// ignore the exception
} finally {
baidu.sio._removeScriptTag(scr);
}
}
}
};
/*
* Tangram
* Copyright 2011 Baidu Inc. All rights reserved.
*/
/**
* 通过请求一个图片的方式令服务器存储一条日志
* author: int08h,leeight
* @param {string} url 要发送的地址.
*/
baidu.sio.log = function(url) {
var img = new Image(),
key = 'tangram_sio_log_' + Math.floor(Math.random() *
2147483648).toString(36);
// 这里一定要挂在window下
// 在IE中，如果没挂在window下，这个img变量又正好被GC的话，img的请求会abort
// 导致服务器收不到日志
window[key] = img;
img.onload = img.onerror = img.onabort = function() {
// 下面这句非常重要
// 如果这个img很不幸正好加载了一个存在的资源，又是个gif动画
// 则在gif动画播放过程中，img会多次触发onload
// 因此一定要清空
img.onload = img.onerror = img.onabort = null;
window[key] = null;
// 下面这句非常重要
// new Image创建的是DOM，DOM的事件中形成闭包环引用DOM是典型的内存泄露
// 因此这里一定要置为null
img = null;
};
// 一定要在注册了事件之后再设置src
// 不然如果图片是读缓存的话，会错过事件处理
// 最后，对于url最好是添加客户端时间来防止缓存
// 同时服务器也配合一下传递Cache-Control: no-cache;
img.src = url;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/string/decodeHTML.js
* author: erik
* version: 1.1.0
* date: 2009/11/15
*/
/**
* 对目标字符串进行html解码
* @name baidu.string.decodeHTML
* @function
* @grammar baidu.string.decodeHTML(source)
* @param {string} source 目标字符串
* @shortcut decodeHTML
* @meta standard
* @see baidu.string.encodeHTML
*
* @returns {string} html解码后的字符串
*/
baidu.string.decodeHTML = function (source) {
var str = String(source)
.replace(/"/g,'"')
.replace(/</g,'<')
.replace(/>/g,'>')
.replace(/&/g, "&");
//处理转义的中文和实体字符
return str.replace(/&#([\d]+);/g, function(_0, _1){
return String.fromCharCode(parseInt(_1, 10));
});
};
baidu.decodeHTML = baidu.string.decodeHTML;
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/string/encodeHTML.js
* author: erik
* version: 1.1.0
* date: 2009/11/15
*/
/**
* 对目标字符串进行html编码
* @name baidu.string.encodeHTML
* @function
* @grammar baidu.string.encodeHTML(source)
* @param {string} source 目标字符串
* @remark
* 编码字符有5个：&<>"'
* @shortcut encodeHTML
* @meta standard
* @see baidu.string.decodeHTML
*
* @returns {string} html编码后的字符串
*/
baidu.string.encodeHTML = function (source) {
return String(source)
.replace(/&/g,'&')
.replace(//g,'>')
.replace(/"/g, """)
.replace(/'/g, "'");
};
baidu.encodeHTML = baidu.string.encodeHTML;
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/string/filterFormat.js
* author: rocy
* version: 1.1.2
* date: 2010/06/10
*/
/**
* 对目标字符串进行格式化,支持过滤
* @name baidu.string.filterFormat
* @function
* @grammar baidu.string.filterFormat(source, opts)
* @param {string} source 目标字符串
* @param {Object|string...} opts 提供相应数据的对象
* @version 1.2
* @remark
*
在 baidu.string.format的基础上,增加了过滤功能. 目标字符串中的#{url|escapeUrl},
会替换成baidu.string.filterFormat["escapeUrl"](opts.url);
过滤函数需要之前挂载在baidu.string.filterFormat属性中.
* @see baidu.string.format,baidu.string.filterFormat.escapeJs,baidu.string.filterFormat.escapeString,baidu.string.filterFormat.toInt
* @returns {string} 格式化后的字符串
*/
baidu.string.filterFormat = function (source, opts) {
var data = Array.prototype.slice.call(arguments,1), toString = Object.prototype.toString;
if(data.length){
data = data.length == 1 ?
/* ie 下 Object.prototype.toString.call(null) == '[object Object]' */
(opts !== null && (/\[object Array\]|\[object Object\]/.test(toString.call(opts))) ? opts : data)
: data;
return source.replace(/#\{(.+?)\}/g, function (match, key){
var filters, replacer, i, len, func;
if(!data) return '';
filters = key.split("|");
replacer = data[filters[0]];
// chrome 下 typeof /a/ == 'function'
if('[object Function]' == toString.call(replacer)){
replacer = replacer(filters[0]/*key*/);
}
for(i=1,len = filters.length; i< len; ++i){
func = baidu.string.filterFormat[filters[i]];
if('[object Function]' == toString.call(func)){
replacer = func(replacer);
}
}
return ( ('undefined' == typeof replacer || replacer === null)? '' : replacer);
});
}
return source;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/string/filterFormat/escapeJs.js
* author: rocy
* version: 1.1.2
* date: 2010/06/12
*/
/**
* 对js片段的字符做安全转义,编码低于255的都将转换成\x加16进制数
* @name baidu.string.filterFormat.escapeJs
* @function
* @grammar baidu.string.filterFormat.escapeJs(source)
* @param {String} source 待转义字符串
*
* @see baidu.string.filterFormat,baidu.string.filterFormat.escapeString,baidu.string.filterFormat.toInt
* @version 1.2
* @return {String} 转义之后的字符串
*/
baidu.string.filterFormat.escapeJs = function(str){
if(!str || 'string' != typeof str) return str;
var i,len,charCode,ret = [];
for(i=0, len=str.length; i < len; ++i){
charCode = str.charCodeAt(i);
if(charCode > 255){
ret.push(str.charAt(i));
} else{
ret.push('\\x' + charCode.toString(16));
}
}
return ret.join('');
};
baidu.string.filterFormat.js = baidu.string.filterFormat.escapeJs;
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/string/filterFormat/escapeString.js
* author: rocy
* version: 1.1.2
* date: 2010/06/12
*/
/**
* 对字符串做安全转义,转义字符包括: 单引号,双引号,左右小括号,斜杠,反斜杠,上引号.
* @name baidu.string.filterFormat.escapeString
* @function
* @grammar baidu.string.filterFormat.escapeString(source)
* @param {String} source 待转义字符串
*
* @see baidu.string.filterFormat,baidu.string.filterFormat.escapeJs,baidu.string.filterFormat.toInt
* @version 1.2
* @return {String} 转义之后的字符串
*/
baidu.string.filterFormat.escapeString = function(str){
if(!str || 'string' != typeof str) return str;
return str.replace(/["'<>\\\/`]/g, function($0){
return '&#'+ $0.charCodeAt(0) +';';
});
};
baidu.string.filterFormat.e = baidu.string.filterFormat.escapeString;
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/string/filterFormat/toInt.js
* author: rocy
* version: 1.1.2
* date: 2010/06/12
*/
/**
* 对数字做安全转义,确保是十进制数字;否则返回0.
* @name baidu.string.filterFormat.toInt
* @function
* @grammar baidu.string.filterFormat.toInt(source)
* @param {String} source 待转义字符串
*
* @see baidu.string.filterFormat,baidu.string.filterFormat.escapeJs,baidu.string.filterFormat.escapeString
* @version 1.2
* @return {Number} 转义之后的数字
*/
baidu.string.filterFormat.toInt = function(str){
return parseInt(str, 10) || 0;
};
baidu.string.filterFormat.i = baidu.string.filterFormat.toInt;
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/string/format.js
* author: dron, erik
* version: 1.1.0
* date: 2009/11/30
*/
/**
* 对目标字符串进行格式化
* @name baidu.string.format
* @function
* @grammar baidu.string.format(source, opts)
* @param {string} source 目标字符串
* @param {Object|string...} opts 提供相应数据的对象或多个字符串
* @remark
*
opts参数为“Object”时，替换目标字符串中的#{property name}部分。
opts为“string...”时，替换目标字符串中的#{0}、#{1}...部分。
* @shortcut format
* @meta standard
*
* @returns {string} 格式化后的字符串
*/
baidu.string.format = function (source, opts) {
source = String(source);
var data = Array.prototype.slice.call(arguments,1), toString = Object.prototype.toString;
if(data.length){
data = data.length == 1 ?
/* ie 下 Object.prototype.toString.call(null) == '[object Object]' */
(opts !== null && (/\[object Array\]|\[object Object\]/.test(toString.call(opts))) ? opts : data)
: data;
return source.replace(/#\{(.+?)\}/g, function (match, key){
var replacer = data[key];
// chrome 下 typeof /a/ == 'function'
if('[object Function]' == toString.call(replacer)){
replacer = replacer(key);
}
return ('undefined' == typeof replacer ? '' : replacer);
});
}
return source;
};
// 声明快捷方法
baidu.format = baidu.string.format;
/*
* Tangram
* Copyright 2010 Baidu Inc. All rights reserved.
*
* @author: meizz
* @namespace: baidu.string.formatColor
* @version: 2010-01-23
*/
/**
* 将各种浏览器里的颜色值转换成 #RRGGBB 的格式
* @name baidu.string.formatColor
* @function
* @grammar baidu.string.formatColor(color)
* @param {string} color 颜色值字符串
* @version 1.3
*
* @returns {string} #RRGGBB格式的字符串或空
*/
(function(){
// 将正则表达式预创建，可提高效率
var reg1 = /^\#[\da-f]{6}$/i,
reg2 = /^rgb\((\d+), (\d+), (\d+)\)$/,
keyword = {
black: '#000000',
silver: '#c0c0c0',
gray: '#808080',
white: '#ffffff',
maroon: '#800000',
red: '#ff0000',
purple: '#800080',
fuchsia: '#ff00ff',
green: '#008000',
lime: '#00ff00',
olive: '#808000',
yellow: '#ffff0',
navy: '#000080',
blue: '#0000ff',
teal: '#008080',
aqua: '#00ffff'
};
baidu.string.formatColor = function(color) {
if(reg1.test(color)) {
// #RRGGBB 直接返回
return color;
} else if(reg2.test(color)) {
// 非IE中的 rgb(0, 0, 0)
for (var s, i=1, color="#"; i<4; i++) {
s = parseInt(RegExp["\x24"+ i]).toString(16);
color += ("00"+ s).substr(s.length);
}
return color;
} else if(/^\#[\da-f]{3}$/.test(color)) {
// 简写的颜色值: #F00
var s1 = color.charAt(1),
s2 = color.charAt(2),
s3 = color.charAt(3);
return "#"+ s1 + s1 + s2 + s2 + s3 + s3;
}else if(keyword[color])
return keyword[color];
return "";
};
})();
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/string/getByteLength.js
* author: erik
* version: 1.1.0
* date: 2009/11/15
*/
/**
* 获取目标字符串在gbk编码下的字节长度
* @name baidu.string.getByteLength
* @function
* @grammar baidu.string.getByteLength(source)
* @param {string} source 目标字符串
* @remark
* 获取字符在gbk编码下的字节长度, 实现原理是认为大于127的就一定是双字节。如果字符超出gbk编码范围, 则这个计算不准确
* @meta standard
* @see baidu.string.subByte
*
* @returns {number} 字节长度
*/
baidu.string.getByteLength = function (source) {
return String(source).replace(/[^\x00-\xff]/g, "ci").length;
};
/*
* tangram
* copyright 2011 baidu inc. all rights reserved.
*
* path: baidu/string/stripTags.js
* author: leeight
* version: 1.1.0
* date: 2011/04/30
*/
/**
* 去掉字符串中的html标签
* @param {string} source 要处理的字符串.
* @return {string}
*/
baidu.string.stripTags = function(source) {
return String(source || '').replace(/<[^>]+>/g, '');
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/string/subByte.js
* author: dron, erik, berg
* version: 1.2
* date: 2010-06-30
*/
/**
* 对目标字符串按gbk编码截取字节长度
* @name baidu.string.subByte
* @function
* @grammar baidu.string.subByte(source, length)
* @param {string} source 目标字符串
* @param {number} length 需要截取的字节长度
* @param {string} [tail] 追加字符串,可选.
* @remark
* 截取过程中，遇到半个汉字时，向下取整。
* @see baidu.string.getByteLength
*
* @returns {string} 字符串截取结果
*/
baidu.string.subByte = function (source, length, tail) {
source = String(source);
tail = tail || '';
if (length < 0 || baidu.string.getByteLength(source) <= length) {
return source + tail;
}
//thanks 加宽提供优化方法
source = source.substr(0,length).replace(/([^\x00-\xff])/g,"\x241 ")//双字节字符替换成两个
.substr(0,length)//截取长度
.replace(/[^\x00-\xff]$/,"")//去掉临界双字节字符
.replace(/([^\x00-\xff]) /g,"\x241");//还原
return source + tail;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/string/toHalfWidth.js
* author: erik
* version: 1.1.0
* date: 2009/11/15
*/
/**
* 将目标字符串中常见全角字符转换成半角字符
* @name baidu.string.toHalfWidth
* @function
* @grammar baidu.string.toHalfWidth(source)
* @param {string} source 目标字符串
* @remark
*
将全角的字符转成半角, 将“！”至“～”范围的全角转成“!”至“~”, 还包括全角空格包括常见的全角数字/空格/字母, 用于需要同时支持全半角的转换, 具体转换列表如下("空格"未列出)：
！ => !
＂ => "
＃ => #
＄ => $
％ => %
＆ => &
＇ => '
（ => (
） => )
＊ => *
＋ => +
， => ,
－ => -
． => .
／ => /
０ => 0
１ => 1
２ => 2
３ => 3
４ => 4
５ => 5
６ => 6
７ => 7
８ => 8
９ => 9
： => :
； => ;
＜ => <
＝ => =
＞ => >
？ => ?
＠ => @
Ａ => A
Ｂ => B
Ｃ => C
Ｄ => D
Ｅ => E
Ｆ => F
Ｇ => G
Ｈ => H
Ｉ => I
Ｊ => J
Ｋ => K
Ｌ => L
Ｍ => M
Ｎ => N
Ｏ => O
Ｐ => P
Ｑ => Q
Ｒ => R
Ｓ => S
Ｔ => T
Ｕ => U
Ｖ => V
Ｗ => W
Ｘ => X
Ｙ => Y
Ｚ => Z
［ => [
＼ => \
］ => ]
＾ => ^
＿ => _
｀ => `
ａ => a
ｂ => b
ｃ => c
ｄ => d
ｅ => e
ｆ => f
ｇ => g
ｈ => h
ｉ => i
ｊ => j
ｋ => k
ｌ => l
ｍ => m
ｎ => n
ｏ => o
ｐ => p
ｑ => q
ｒ => r
ｓ => s
ｔ => t
ｕ => u
ｖ => v
ｗ => w
ｘ => x
ｙ => y
ｚ => z
｛ => {
｜ => |
｝ => }
～ => ~
*
* @returns {string} 转换后的字符串
*/
baidu.string.toHalfWidth = function (source) {
return String(source).replace(/[\uFF01-\uFF5E]/g,
function(c){
return String.fromCharCode(c.charCodeAt(0) - 65248);
}).replace(/\u3000/g," ");
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/string/wbr.js
* author: erik
* version: 1.1.0
* date: 2009/11/30
*/
/**
* 为目标字符串添加wbr软换行
* @name baidu.string.wbr
* @function
* @grammar baidu.string.wbr(source)
* @param {string} source 目标字符串
* @remark
*
1.支持html标签、属性以及字符实体。
2.任意字符中间都会插入wbr标签，对于过长的文本，会造成dom节点元素增多，占用浏览器资源。
3.在opera下，浏览器默认css不会为wbr加上样式，导致没有换行效果，可以在css中加上 wbr:after { content: "\00200B" } 解决此问题
*
* @returns {string} 添加软换行后的字符串
*/
baidu.string.wbr = function (source) {
return String(source)
.replace(/(?:<[^>]+>)|(?:&#?[0-9a-z]{2,6};)|(.{1})/gi, '$&')
.replace(/>/g, '>');
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/swf.js
* author: erik
* version: 1.1.0
* date: 2009/11/16
*/
/**
* @namespace baidu.swf 操作flash对象的方法，包括创建flash对象、获取flash对象以及判断flash插件的版本号。
*/
baidu.swf = baidu.swf || {};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/swf/version.js
* author: erik
* version: 1.1.0
* date: 2009/11/17
*/
/**
* 浏览器支持的flash插件版本
* @property version 浏览器支持的flash插件版本
* @grammar baidu.swf.version
* @meta standard
*/
baidu.swf.version = (function () {
var n = navigator;
if (n.plugins && n.mimeTypes.length) {
var plugin = n.plugins["Shockwave Flash"];
if (plugin && plugin.description) {
return plugin.description
.replace(/([a-zA-Z]|\s)+/, "")
.replace(/(\s)+r/, ".") + ".0";
}
} else if (window.ActiveXObject && !window.opera) {
for (var i = 12; i >= 2; i--) {
try {
var c = new ActiveXObject('ShockwaveFlash.ShockwaveFlash.' + i);
if (c) {
var version = c.GetVariable("$version");
return version.replace(/WIN/g,'').replace(/,/g,'.');
}
} catch(e) {}
}
}
})();
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/swf/createHTML.js
* author: erik
* version: 1.1.0
* date: 2009/11/17
*/
/**
* 创建flash对象的html字符串
* @name baidu.swf.createHTML
* @function
* @grammar baidu.swf.createHTML(options)
*
* @param {Object} options 创建flash的选项参数
* @param {string} options.id 要创建的flash的标识
* @param {string} options.url flash文件的url
* @param {String} options.errorMessage 未安装flash player或flash player版本号过低时的提示
* @param {string} options.ver 最低需要的flash player版本号
* @param {string} options.width flash的宽度
* @param {string} options.height flash的高度
* @param {string} options.align flash的对齐方式，允许值：middle/left/right/top/bottom
* @param {string} options.base 设置用于解析swf文件中的所有相对路径语句的基本目录或URL
* @param {string} options.bgcolor swf文件的背景色
* @param {string} options.salign 设置缩放的swf文件在由width和height设置定义的区域内的位置。允许值：l/r/t/b/tl/tr/bl/br
* @param {boolean} options.menu 是否显示右键菜单，允许值：true/false
* @param {boolean} options.loop 播放到最后一帧时是否重新播放，允许值： true/false
* @param {boolean} options.play flash是否在浏览器加载时就开始播放。允许值：true/false
* @param {string} options.quality 设置flash播放的画质，允许值：low/medium/high/autolow/autohigh/best
* @param {string} options.scale 设置flash内容如何缩放来适应设置的宽高。允许值：showall/noborder/exactfit
* @param {string} options.wmode 设置flash的显示模式。允许值：window/opaque/transparent
* @param {string} options.allowscriptaccess 设置flash与页面的通信权限。允许值：always/never/sameDomain
* @param {string} options.allownetworking 设置swf文件中允许使用的网络API。允许值：all/internal/none
* @param {boolean} options.allowfullscreen 是否允许flash全屏。允许值：true/false
* @param {boolean} options.seamlesstabbing 允许设置执行无缝跳格，从而使用户能跳出flash应用程序。该参数只能在安装Flash7及更高版本的Windows中使用。允许值：true/false
* @param {boolean} options.devicefont 设置静态文本对象是否以设备字体呈现。允许值：true/false
* @param {boolean} options.swliveconnect 第一次加载flash时浏览器是否应启动Java。允许值：true/false
* @param {Object} options.vars 要传递给flash的参数，支持JSON或string类型。
*
* @see baidu.swf.create
* @meta standard
* @returns {string} flash对象的html字符串
*/
baidu.swf.createHTML = function (options) {
options = options || {};
var version = baidu.swf.version,
needVersion = options['ver'] || '6.0.0',
vUnit1, vUnit2, i, k, len, item, tmpOpt = {},
encodeHTML = baidu.string.encodeHTML;
// 复制options，避免修改原对象
for (k in options) {
tmpOpt[k] = options[k];
}
options = tmpOpt;
// 浏览器支持的flash插件版本判断
if (version) {
version = version.split('.');
needVersion = needVersion.split('.');
for (i = 0; i < 3; i++) {
vUnit1 = parseInt(version[i], 10);
vUnit2 = parseInt(needVersion[i], 10);
if (vUnit2 < vUnit1) {
break;
} else if (vUnit2 > vUnit1) {
return ''; // 需要更高的版本号
}
}
} else {
return ''; // 未安装flash插件
}
var vars = options['vars'],
objProperties = ['classid', 'codebase', 'id', 'width', 'height', 'align'];
// 初始化object标签需要的classid、codebase属性值
options['align'] = options['align'] || 'middle';
options['classid'] = 'clsid:d27cdb6e-ae6d-11cf-96b8-444553540000';
options['codebase'] = 'http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0';
options['movie'] = options['url'] || '';
delete options['vars'];
delete options['url'];
// 初始化flashvars参数的值
if ('string' == typeof vars) {
options['flashvars'] = vars;
} else {
var fvars = [];
for (k in vars) {
item = vars[k];
fvars.push(k + "=" + encodeURIComponent(item));
}
options['flashvars'] = fvars.join('&');
}
// 构建IE下支持的object字符串，包括属性和参数列表
var str = ['');
return str.join('');
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/swf/create.js
* author: erik
* version: 1.1.0
* date: 2009/11/17
*/
/**
* 在页面中创建一个flash对象
* @name baidu.swf.create
* @function
* @grammar baidu.swf.create(options[, container])
*
* @param {Object} options 创建flash的选项参数
* @param {string} options.id 要创建的flash的标识
* @param {string} options.url flash文件的url
* @param {String} options.errorMessage 未安装flash player或flash player版本号过低时的提示
* @param {string} options.ver 最低需要的flash player版本号
* @param {string} options.width flash的宽度
* @param {string} options.height flash的高度
* @param {string} options.align flash的对齐方式，允许值：middle/left/right/top/bottom
* @param {string} options.base 设置用于解析swf文件中的所有相对路径语句的基本目录或URL
* @param {string} options.bgcolor swf文件的背景色
* @param {string} options.salign 设置缩放的swf文件在由width和height设置定义的区域内的位置。允许值：l/r/t/b/tl/tr/bl/br
* @param {boolean} options.menu 是否显示右键菜单，允许值：true/false
* @param {boolean} options.loop 播放到最后一帧时是否重新播放，允许值： true/false
* @param {boolean} options.play flash是否在浏览器加载时就开始播放。允许值：true/false
* @param {string} options.quality 设置flash播放的画质，允许值：low/medium/high/autolow/autohigh/best
* @param {string} options.scale 设置flash内容如何缩放来适应设置的宽高。允许值：showall/noborder/exactfit
* @param {string} options.wmode 设置flash的显示模式。允许值：window/opaque/transparent
* @param {string} options.allowscriptaccess 设置flash与页面的通信权限。允许值：always/never/sameDomain
* @param {string} options.allownetworking 设置swf文件中允许使用的网络API。允许值：all/internal/none
* @param {boolean} options.allowfullscreen 是否允许flash全屏。允许值：true/false
* @param {boolean} options.seamlesstabbing 允许设置执行无缝跳格，从而使用户能跳出flash应用程序。该参数只能在安装Flash7及更高版本的Windows中使用。允许值：true/false
* @param {boolean} options.devicefont 设置静态文本对象是否以设备字体呈现。允许值：true/false
* @param {boolean} options.swliveconnect 第一次加载flash时浏览器是否应启动Java。允许值：true/false
* @param {Object} options.vars 要传递给flash的参数，支持JSON或string类型。
*
* @param {HTMLElement|string} [container] flash对象的父容器元素，不传递该参数时在当前代码位置创建flash对象。
* @meta standard
* @see baidu.swf.createHTML,baidu.swf.getMovie
*/
baidu.swf.create = function (options, target) {
options = options || {};
var html = baidu.swf.createHTML(options)
|| options['errorMessage']
|| '';
if (target && 'string' == typeof target) {
target = document.getElementById(target);
}
if (target) {
target.innerHTML = html;
} else {
document.write(html);
}
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/swf/getMovie.js
* author: erik
* version: 1.1.0
* date: 2009/11/16
*/
/**
* 获得flash对象的实例
* @name baidu.swf.getMovie
* @function
* @grammar baidu.swf.getMovie(name)
* @param {string} name flash对象的名称
* @see baidu.swf.create
* @meta standard
* @returns {HTMLElement} flash对象的实例
*/
baidu.swf.getMovie = function (name) {
//ie9下, Object标签和embed标签嵌套的方式生成flash时,
//会导致document[name]多返回一个Object元素,而起作用的只有embed标签
var movie = document[name], ret;
return baidu.browser.ie == 9 ?
movie && movie.length ?
(ret = baidu.array.remove(baidu.lang.toArray(movie),function(item){
return item.tagName.toLowerCase() != "embed";
})).length == 1 ? ret[0] : ret
: movie
: movie || window[name];
};
/*
* Tangram
* Copyright 2011 Baidu Inc. All rights reserved.
*/
/**
* Js 调用 Flash方法的代理类.
* @function
* @name baidu.swf.Proxy
* @grammar new baidu.swf.Proxy(id, property, [, loadedHandler])
* @param {string} id Flash的元素id.object标签id, embed标签name.
* @param {string} property Flash的方法或者属性名称，用来检测Flash是否初始化好了.
* @param {Function} loadedHandler 初始化之后的回调函数.
* @remark Flash对应的DOM元素必须已经存在, 否则抛错. 可以使用baidu.swf.create预先创建Flash对应的DOM元素.
* @author xxxxxx@baidu.com (leeight)
*/
baidu.swf.Proxy = function(id, property, loadedHandler) {
/**
* 页面上的Flash对象
* @type {HTMLElement}
*/
var me = this,
flash = this._flash = baidu.swf.getMovie(id),
timer;
if (! property) {
return this;
}
timer = setInterval(function() {
try {
/** @preserveTry */
if (flash[property]) {
me._initialized = true;
clearInterval(timer);
if (loadedHandler) {
loadedHandler();
}
}
} catch (e) {
}
}, 100);
};
/**
* 获取flash对象.
* @return {HTMLElement} Flash对象.
*/
baidu.swf.Proxy.prototype.getFlash = function() {
return this._flash;
};
/**
* 判断Flash是否初始化完成,可以与js进行交互.
*/
baidu.swf.Proxy.prototype.isReady = function() {
return !! this._initialized;
};
/**
* 调用Flash中的某个方法
* @param {string} methodName 方法名.
* @param {...*} var_args 方法的参数.
*/
baidu.swf.Proxy.prototype.call = function(methodName, var_args) {
try {
var flash = this.getFlash(),
args = Array.prototype.slice.call(arguments);
args.shift();
if (flash[methodName]) {
flash[methodName].apply(flash, args);
}
} catch (e) {
}
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/url.js
* author: erik
* version: 1.1.0
* date: 2009/11/16
*/
/**
* @namespace baidu.url 操作url的方法。
*/
baidu.url = baidu.url || {};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/url/escapeSymbol.js
* author: erik
* version: 1.1.0
* date: 2009/11/16
*/
/**
* 对字符串进行%&+/#=和空格七个字符进行url转义
* @name baidu.url.escapeSymbol
* @function
* @grammar baidu.url.escapeSymbol(source)
* @param {string} source 需要转义的字符串
* @return {string} 转义之后的字符串.
* @remark
* 用于get请求转义。在服务器只接受gbk，并且页面是gbk编码时，可以经过本转义后直接发get请求。
*
* @returns {string} 转义后的字符串
*/
baidu.url.escapeSymbol = function (source) {
return String(source).replace(/\%/g, "%25")
.replace(/&/g, "%26")
.replace(/\+/g, "%2B")
.replace(/\ /g, "%20")
.replace(/\//g, "%2F")
.replace(/\#/g, "%23")
.replace(/\=/g, "%3D");
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/url/getQueryValue.js
* author: erik
* version: 1.1.0
* date: 2009/11/16
*/
/**
* 根据参数名从目标URL中获取参数值
* @name baidu.url.getQueryValue
* @function
* @grammar baidu.url.getQueryValue(url, key)
* @param {string} url 目标URL
* @param {string} key 要获取的参数名
* @meta standard
* @see baidu.url.jsonToQuery
*
* @returns {string|null} - 获取的参数值，其中URI编码后的字符不会被解码，获取不到时返回null
*/
baidu.url.getQueryValue = function (url, key) {
var reg = new RegExp(
"(^|&|\\?|#)"
+ baidu.string.escapeReg(key)
+ "=([^&#]*)(&|\x24|#)",
"");
var match = url.match(reg);
if (match) {
return match[2];
}
return null;
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/url/jsonToQuery.js
* author: erik
* version: 1.1.0
* date: 2009/11/16
*/
/**
* 将json对象解析成query字符串
* @name baidu.url.jsonToQuery
* @function
* @grammar baidu.url.jsonToQuery(json[, replacer])
* @param {Object} json 需要解析的json对象
* @param {Function=} replacer_opt 对值进行特殊处理的函数，function (value, key)
* @see baidu.url.queryToJson,baidu.url.getQueryValue
*
* @return {string} - 解析结果字符串，其中值将被URI编码，{a:'&1 '} ==> "a=%261%20"。
*/
baidu.url.jsonToQuery = function (json, replacer_opt) {
var result = [],
itemLen,
replacer = replacer_opt || function (value) {
return baidu.url.escapeSymbol(value);
};
baidu.object.each(json, function(item, key){
// 这里只考虑item为数组、字符串、数字类型，不考虑嵌套的object
if (baidu.lang.isArray(item)) {
itemLen = item.length;
// FIXME value的值需要encodeURIComponent转义吗？
while (itemLen--) {
result.push(key + '=' + replacer(item[itemLen], key));
}
} else {
result.push(key + '=' + replacer(item, key));
}
});
return result.join('&');
};
/*
* Tangram
* Copyright 2009 Baidu Inc. All rights reserved.
*
* path: baidu/url/queryToJson.js
* author: erik
* version: 1.1.0
* date: 2009/11/16
*/
/**
* 解析目标URL中的参数成json对象
* @name baidu.url.queryToJson
* @function
* @grammar baidu.url.queryToJson(url)
* @param {string} url 目标URL
* @see baidu.url.jsonToQuery
*
* @returns {Object} - 解析为结果对象，其中URI编码后的字符不会被解码，'a=%20' ==> {a:'%20'}。
*/
baidu.url.queryToJson = function (url) {
var query = url.substr(url.lastIndexOf('?') + 1),
params = query.split('&'),
len = params.length,
result = {},
i = 0,
key, value, item, param;
for (; i < len; i++) {
if(!params[i]){
continue;
}
param = params[i].split('=');
key = param[0];
value = param[1];
item = result[key];
if ('undefined' == typeof item) {
result[key] = value;
} else if (baidu.lang.isArray(item)) {
item.push(value);
} else { // 这里只可能是string了
result[key] = [item, value];
}
}
return result;
};
})();