tangram.js 40 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244
  1. // Copyright (c) 2009, Baidu Inc. All rights reserved.
  2. //
  3. // Licensed under the BSD License
  4. // you may not use this file except in compliance with the License.
  5. // You may obtain a copy of the License at
  6. //
  7. // http:// tangram.baidu.com/license.html
  8. //
  9. // Unless required by applicable law or agreed to in writing, software
  10. // distributed under the License is distributed on an "AS-IS" BASIS,
  11. // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  12. // See the License for the specific language governing permissions and
  13. // limitations under the License.
  14. /**
  15. * @namespace T Tangram七巧板
  16. * @name T
  17. * @version 1.6.0
  18. */
  19. /**
  20. * 声明baidu包
  21. * @author: allstar, erik, meizz, berg
  22. */
  23. var T,
  24. baidu = T = baidu || {version: "1.5.0"};
  25. baidu.guid = "$BAIDU$";
  26. baidu.$$ = window[baidu.guid] = window[baidu.guid] || {global: {}};
  27. /**
  28. * 使用flash资源封装的一些功能
  29. * @namespace baidu.flash
  30. */
  31. baidu.flash = baidu.flash || {};
  32. /**
  33. * 操作dom的方法
  34. * @namespace baidu.dom
  35. */
  36. baidu.dom = baidu.dom || {};
  37. /**
  38. * 从文档中获取指定的DOM元素
  39. * @name baidu.dom.g
  40. * @function
  41. * @grammar baidu.dom.g(id)
  42. * @param {string|HTMLElement} id 元素的id或DOM元素.
  43. * @shortcut g,T.G
  44. * @meta standard
  45. * @see baidu.dom.q
  46. *
  47. * @return {HTMLElement|null} 获取的元素,查找不到时返回null,如果参数不合法,直接返回参数.
  48. */
  49. baidu.dom.g = function (id) {
  50. if (!id) return null;
  51. if ('string' == typeof id || id instanceof String) {
  52. return document.getElementById(id);
  53. } else if (id.nodeName && (id.nodeType == 1 || id.nodeType == 9)) {
  54. return id;
  55. }
  56. return null;
  57. };
  58. baidu.g = baidu.G = baidu.dom.g;
  59. /**
  60. * 操作数组的方法
  61. * @namespace baidu.array
  62. */
  63. baidu.array = baidu.array || {};
  64. /**
  65. * 遍历数组中所有元素
  66. * @name baidu.array.each
  67. * @function
  68. * @grammar baidu.array.each(source, iterator[, thisObject])
  69. * @param {Array} source 需要遍历的数组
  70. * @param {Function} iterator 对每个数组元素进行调用的函数,该函数有两个参数,第一个为数组元素,第二个为数组索引值,function (item, index)。
  71. * @param {Object} [thisObject] 函数调用时的this指针,如果没有此参数,默认是当前遍历的数组
  72. * @remark
  73. * each方法不支持对Object的遍历,对Object的遍历使用baidu.object.each 。
  74. * @shortcut each
  75. * @meta standard
  76. *
  77. * @returns {Array} 遍历的数组
  78. */
  79. baidu.each = baidu.array.forEach = baidu.array.each = function (source, iterator, thisObject) {
  80. var returnValue, item, i, len = source.length;
  81. if ('function' == typeof iterator) {
  82. for (i = 0; i < len; i++) {
  83. item = source[i];
  84. returnValue = iterator.call(thisObject || source, item, i);
  85. if (returnValue === false) {
  86. break;
  87. }
  88. }
  89. }
  90. return source;
  91. };
  92. /**
  93. * 对语言层面的封装,包括类型判断、模块扩展、继承基类以及对象自定义事件的支持。
  94. * @namespace baidu.lang
  95. */
  96. baidu.lang = baidu.lang || {};
  97. /**
  98. * 判断目标参数是否为function或Function实例
  99. * @name baidu.lang.isFunction
  100. * @function
  101. * @grammar baidu.lang.isFunction(source)
  102. * @param {Any} source 目标参数
  103. * @version 1.2
  104. * @see baidu.lang.isString,baidu.lang.isObject,baidu.lang.isNumber,baidu.lang.isArray,baidu.lang.isElement,baidu.lang.isBoolean,baidu.lang.isDate
  105. * @meta standard
  106. * @returns {boolean} 类型判断结果
  107. */
  108. baidu.lang.isFunction = function (source) {
  109. return '[object Function]' == Object.prototype.toString.call(source);
  110. };
  111. /**
  112. * 判断目标参数是否string类型或String对象
  113. * @name baidu.lang.isString
  114. * @function
  115. * @grammar baidu.lang.isString(source)
  116. * @param {Any} source 目标参数
  117. * @shortcut isString
  118. * @meta standard
  119. * @see baidu.lang.isObject,baidu.lang.isNumber,baidu.lang.isArray,baidu.lang.isElement,baidu.lang.isBoolean,baidu.lang.isDate
  120. *
  121. * @returns {boolean} 类型判断结果
  122. */
  123. baidu.lang.isString = function (source) {
  124. return '[object String]' == Object.prototype.toString.call(source);
  125. };
  126. baidu.isString = baidu.lang.isString;
  127. /**
  128. * 判断浏览器类型和特性的属性
  129. * @namespace baidu.browser
  130. */
  131. baidu.browser = baidu.browser || {};
  132. /**
  133. * 判断是否为opera浏览器
  134. * @property opera opera版本号
  135. * @grammar baidu.browser.opera
  136. * @meta standard
  137. * @see baidu.browser.ie,baidu.browser.firefox,baidu.browser.safari,baidu.browser.chrome
  138. * @returns {Number} opera版本号
  139. */
  140. /**
  141. * opera 从10开始不是用opera后面的字符串进行版本的判断
  142. * 在Browser identification最后添加Version + 数字进行版本标识
  143. * opera后面的数字保持在9.80不变
  144. */
  145. baidu.browser.opera = /opera(\/| )(\d+(\.\d+)?)(.+?(version\/(\d+(\.\d+)?)))?/i.test(navigator.userAgent) ? +( RegExp["\x246"] || RegExp["\x242"] ) : undefined;
  146. /**
  147. * 在目标元素的指定位置插入HTML代码
  148. * @name baidu.dom.insertHTML
  149. * @function
  150. * @grammar baidu.dom.insertHTML(element, position, html)
  151. * @param {HTMLElement|string} element 目标元素或目标元素的id
  152. * @param {string} position 插入html的位置信息,取值为beforeBegin,afterBegin,beforeEnd,afterEnd
  153. * @param {string} html 要插入的html
  154. * @remark
  155. *
  156. * 对于position参数,大小写不敏感<br>
  157. * 参数的意思:beforeBegin&lt;span&gt;afterBegin this is span! beforeEnd&lt;/span&gt; afterEnd <br />
  158. * 此外,如果使用本函数插入带有script标签的HTML字符串,script标签对应的脚本将不会被执行。
  159. *
  160. * @shortcut insertHTML
  161. * @meta standard
  162. *
  163. * @returns {HTMLElement} 目标元素
  164. */
  165. baidu.dom.insertHTML = function (element, position, html) {
  166. element = baidu.dom.g(element);
  167. var range, begin;
  168. if (element.insertAdjacentHTML && !baidu.browser.opera) {
  169. element.insertAdjacentHTML(position, html);
  170. } else {
  171. range = element.ownerDocument.createRange();
  172. position = position.toUpperCase();
  173. if (position == 'AFTERBEGIN' || position == 'BEFOREEND') {
  174. range.selectNodeContents(element);
  175. range.collapse(position == 'AFTERBEGIN');
  176. } else {
  177. begin = position == 'BEFOREBEGIN';
  178. range[begin ? 'setStartBefore' : 'setEndAfter'](element);
  179. range.collapse(begin);
  180. }
  181. range.insertNode(range.createContextualFragment(html));
  182. }
  183. return element;
  184. };
  185. baidu.insertHTML = baidu.dom.insertHTML;
  186. /**
  187. * 操作flash对象的方法,包括创建flash对象、获取flash对象以及判断flash插件的版本号
  188. * @namespace baidu.swf
  189. */
  190. baidu.swf = baidu.swf || {};
  191. /**
  192. * 浏览器支持的flash插件版本
  193. * @property version 浏览器支持的flash插件版本
  194. * @grammar baidu.swf.version
  195. * @return {String} 版本号
  196. * @meta standard
  197. */
  198. baidu.swf.version = (function () {
  199. var n = navigator;
  200. if (n.plugins && n.mimeTypes.length) {
  201. var plugin = n.plugins["Shockwave Flash"];
  202. if (plugin && plugin.description) {
  203. return plugin.description
  204. .replace(/([a-zA-Z]|\s)+/, "")
  205. .replace(/(\s)+r/, ".") + ".0";
  206. }
  207. } else if (window.ActiveXObject && !window.opera) {
  208. for (var i = 12; i >= 2; i--) {
  209. try {
  210. var c = new ActiveXObject('ShockwaveFlash.ShockwaveFlash.' + i);
  211. if (c) {
  212. var version = c.GetVariable("$version");
  213. return version.replace(/WIN/g, '').replace(/,/g, '.');
  214. }
  215. } catch (e) {
  216. }
  217. }
  218. }
  219. })();
  220. /**
  221. * 操作字符串的方法
  222. * @namespace baidu.string
  223. */
  224. baidu.string = baidu.string || {};
  225. /**
  226. * 对目标字符串进行html编码
  227. * @name baidu.string.encodeHTML
  228. * @function
  229. * @grammar baidu.string.encodeHTML(source)
  230. * @param {string} source 目标字符串
  231. * @remark
  232. * 编码字符有5个:&<>"'
  233. * @shortcut encodeHTML
  234. * @meta standard
  235. * @see baidu.string.decodeHTML
  236. *
  237. * @returns {string} html编码后的字符串
  238. */
  239. baidu.string.encodeHTML = function (source) {
  240. return String(source)
  241. .replace(/&/g, '&amp;')
  242. .replace(/</g, '&lt;')
  243. .replace(/>/g, '&gt;')
  244. .replace(/"/g, "&quot;")
  245. .replace(/'/g, "&#39;");
  246. };
  247. baidu.encodeHTML = baidu.string.encodeHTML;
  248. /**
  249. * 创建flash对象的html字符串
  250. * @name baidu.swf.createHTML
  251. * @function
  252. * @grammar baidu.swf.createHTML(options)
  253. *
  254. * @param {Object} options 创建flash的选项参数
  255. * @param {string} options.id 要创建的flash的标识
  256. * @param {string} options.url flash文件的url
  257. * @param {String} options.errorMessage 未安装flash player或flash player版本号过低时的提示
  258. * @param {string} options.ver 最低需要的flash player版本号
  259. * @param {string} options.width flash的宽度
  260. * @param {string} options.height flash的高度
  261. * @param {string} options.align flash的对齐方式,允许值:middle/left/right/top/bottom
  262. * @param {string} options.base 设置用于解析swf文件中的所有相对路径语句的基本目录或URL
  263. * @param {string} options.bgcolor swf文件的背景色
  264. * @param {string} options.salign 设置缩放的swf文件在由width和height设置定义的区域内的位置。允许值:l/r/t/b/tl/tr/bl/br
  265. * @param {boolean} options.menu 是否显示右键菜单,允许值:true/false
  266. * @param {boolean} options.loop 播放到最后一帧时是否重新播放,允许值: true/false
  267. * @param {boolean} options.play flash是否在浏览器加载时就开始播放。允许值:true/false
  268. * @param {string} options.quality 设置flash播放的画质,允许值:low/medium/high/autolow/autohigh/best
  269. * @param {string} options.scale 设置flash内容如何缩放来适应设置的宽高。允许值:showall/noborder/exactfit
  270. * @param {string} options.wmode 设置flash的显示模式。允许值:window/opaque/transparent
  271. * @param {string} options.allowscriptaccess 设置flash与页面的通信权限。允许值:always/never/sameDomain
  272. * @param {string} options.allownetworking 设置swf文件中允许使用的网络API。允许值:all/internal/none
  273. * @param {boolean} options.allowfullscreen 是否允许flash全屏。允许值:true/false
  274. * @param {boolean} options.seamlesstabbing 允许设置执行无缝跳格,从而使用户能跳出flash应用程序。该参数只能在安装Flash7及更高版本的Windows中使用。允许值:true/false
  275. * @param {boolean} options.devicefont 设置静态文本对象是否以设备字体呈现。允许值:true/false
  276. * @param {boolean} options.swliveconnect 第一次加载flash时浏览器是否应启动Java。允许值:true/false
  277. * @param {Object} options.vars 要传递给flash的参数,支持JSON或string类型。
  278. *
  279. * @see baidu.swf.create
  280. * @meta standard
  281. * @returns {string} flash对象的html字符串
  282. */
  283. baidu.swf.createHTML = function (options) {
  284. options = options || {};
  285. var version = baidu.swf.version,
  286. needVersion = options['ver'] || '6.0.0',
  287. vUnit1, vUnit2, i, k, len, item, tmpOpt = {},
  288. encodeHTML = baidu.string.encodeHTML;
  289. for (k in options) {
  290. tmpOpt[k] = options[k];
  291. }
  292. options = tmpOpt;
  293. if (version) {
  294. version = version.split('.');
  295. needVersion = needVersion.split('.');
  296. for (i = 0; i < 3; i++) {
  297. vUnit1 = parseInt(version[i], 10);
  298. vUnit2 = parseInt(needVersion[i], 10);
  299. if (vUnit2 < vUnit1) {
  300. break;
  301. } else if (vUnit2 > vUnit1) {
  302. return '';
  303. }
  304. }
  305. } else {
  306. return '';
  307. }
  308. var vars = options['vars'],
  309. objProperties = ['classid', 'codebase', 'id', 'width', 'height', 'align'];
  310. options['align'] = options['align'] || 'middle';
  311. options['classid'] = 'clsid:d27cdb6e-ae6d-11cf-96b8-444553540000';
  312. options['codebase'] = 'http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0';
  313. options['movie'] = options['url'] || '';
  314. delete options['vars'];
  315. delete options['url'];
  316. if ('string' == typeof vars) {
  317. options['flashvars'] = vars;
  318. } else {
  319. var fvars = [];
  320. for (k in vars) {
  321. item = vars[k];
  322. fvars.push(k + "=" + encodeURIComponent(item));
  323. }
  324. options['flashvars'] = fvars.join('&');
  325. }
  326. var str = ['<object '];
  327. for (i = 0, len = objProperties.length; i < len; i++) {
  328. item = objProperties[i];
  329. str.push(' ', item, '="', encodeHTML(options[item]), '"');
  330. }
  331. str.push('>');
  332. var params = {
  333. 'wmode': 1,
  334. 'scale': 1,
  335. 'quality': 1,
  336. 'play': 1,
  337. 'loop': 1,
  338. 'menu': 1,
  339. 'salign': 1,
  340. 'bgcolor': 1,
  341. 'base': 1,
  342. 'allowscriptaccess': 1,
  343. 'allownetworking': 1,
  344. 'allowfullscreen': 1,
  345. 'seamlesstabbing': 1,
  346. 'devicefont': 1,
  347. 'swliveconnect': 1,
  348. 'flashvars': 1,
  349. 'movie': 1
  350. };
  351. for (k in options) {
  352. item = options[k];
  353. k = k.toLowerCase();
  354. if (params[k] && (item || item === false || item === 0)) {
  355. str.push('<param name="' + k + '" value="' + encodeHTML(item) + '" />');
  356. }
  357. }
  358. options['src'] = options['movie'];
  359. options['name'] = options['id'];
  360. delete options['id'];
  361. delete options['movie'];
  362. delete options['classid'];
  363. delete options['codebase'];
  364. options['type'] = 'application/x-shockwave-flash';
  365. options['pluginspage'] = 'http://www.macromedia.com/go/getflashplayer';
  366. str.push('<embed');
  367. var salign;
  368. for (k in options) {
  369. item = options[k];
  370. if (item || item === false || item === 0) {
  371. if ((new RegExp("^salign\x24", "i")).test(k)) {
  372. salign = item;
  373. continue;
  374. }
  375. str.push(' ', k, '="', encodeHTML(item), '"');
  376. }
  377. }
  378. if (salign) {
  379. str.push(' salign="', encodeHTML(salign), '"');
  380. }
  381. str.push('></embed></object>');
  382. return str.join('');
  383. };
  384. /**
  385. * 在页面中创建一个flash对象
  386. * @name baidu.swf.create
  387. * @function
  388. * @grammar baidu.swf.create(options[, container])
  389. *
  390. * @param {Object} options 创建flash的选项参数
  391. * @param {string} options.id 要创建的flash的标识
  392. * @param {string} options.url flash文件的url
  393. * @param {String} options.errorMessage 未安装flash player或flash player版本号过低时的提示
  394. * @param {string} options.ver 最低需要的flash player版本号
  395. * @param {string} options.width flash的宽度
  396. * @param {string} options.height flash的高度
  397. * @param {string} options.align flash的对齐方式,允许值:middle/left/right/top/bottom
  398. * @param {string} options.base 设置用于解析swf文件中的所有相对路径语句的基本目录或URL
  399. * @param {string} options.bgcolor swf文件的背景色
  400. * @param {string} options.salign 设置缩放的swf文件在由width和height设置定义的区域内的位置。允许值:l/r/t/b/tl/tr/bl/br
  401. * @param {boolean} options.menu 是否显示右键菜单,允许值:true/false
  402. * @param {boolean} options.loop 播放到最后一帧时是否重新播放,允许值: true/false
  403. * @param {boolean} options.play flash是否在浏览器加载时就开始播放。允许值:true/false
  404. * @param {string} options.quality 设置flash播放的画质,允许值:low/medium/high/autolow/autohigh/best
  405. * @param {string} options.scale 设置flash内容如何缩放来适应设置的宽高。允许值:showall/noborder/exactfit
  406. * @param {string} options.wmode 设置flash的显示模式。允许值:window/opaque/transparent
  407. * @param {string} options.allowscriptaccess 设置flash与页面的通信权限。允许值:always/never/sameDomain
  408. * @param {string} options.allownetworking 设置swf文件中允许使用的网络API。允许值:all/internal/none
  409. * @param {boolean} options.allowfullscreen 是否允许flash全屏。允许值:true/false
  410. * @param {boolean} options.seamlesstabbing 允许设置执行无缝跳格,从而使用户能跳出flash应用程序。该参数只能在安装Flash7及更高版本的Windows中使用。允许值:true/false
  411. * @param {boolean} options.devicefont 设置静态文本对象是否以设备字体呈现。允许值:true/false
  412. * @param {boolean} options.swliveconnect 第一次加载flash时浏览器是否应启动Java。允许值:true/false
  413. * @param {Object} options.vars 要传递给flash的参数,支持JSON或string类型。
  414. *
  415. * @param {HTMLElement|string} [container] flash对象的父容器元素,不传递该参数时在当前代码位置创建flash对象。
  416. * @meta standard
  417. * @see baidu.swf.createHTML,baidu.swf.getMovie
  418. */
  419. baidu.swf.create = function (options, target) {
  420. options = options || {};
  421. var html = baidu.swf.createHTML(options)
  422. || options['errorMessage']
  423. || '';
  424. if (target && 'string' == typeof target) {
  425. target = document.getElementById(target);
  426. }
  427. baidu.dom.insertHTML(target || document.body, 'beforeEnd', html);
  428. };
  429. /**
  430. * 判断是否为ie浏览器
  431. * @name baidu.browser.ie
  432. * @field
  433. * @grammar baidu.browser.ie
  434. * @returns {Number} IE版本号
  435. */
  436. baidu.browser.ie = baidu.ie = /msie (\d+\.\d+)/i.test(navigator.userAgent) ? (document.documentMode || +RegExp['\x241']) : undefined;
  437. /**
  438. * 移除数组中的项
  439. * @name baidu.array.remove
  440. * @function
  441. * @grammar baidu.array.remove(source, match)
  442. * @param {Array} source 需要移除项的数组
  443. * @param {Any} match 要移除的项
  444. * @meta standard
  445. * @see baidu.array.removeAt
  446. *
  447. * @returns {Array} 移除后的数组
  448. */
  449. baidu.array.remove = function (source, match) {
  450. var len = source.length;
  451. while (len--) {
  452. if (len in source && source[len] === match) {
  453. source.splice(len, 1);
  454. }
  455. }
  456. return source;
  457. };
  458. /**
  459. * 判断目标参数是否Array对象
  460. * @name baidu.lang.isArray
  461. * @function
  462. * @grammar baidu.lang.isArray(source)
  463. * @param {Any} source 目标参数
  464. * @meta standard
  465. * @see baidu.lang.isString,baidu.lang.isObject,baidu.lang.isNumber,baidu.lang.isElement,baidu.lang.isBoolean,baidu.lang.isDate
  466. *
  467. * @returns {boolean} 类型判断结果
  468. */
  469. baidu.lang.isArray = function (source) {
  470. return '[object Array]' == Object.prototype.toString.call(source);
  471. };
  472. /**
  473. * 将一个变量转换成array
  474. * @name baidu.lang.toArray
  475. * @function
  476. * @grammar baidu.lang.toArray(source)
  477. * @param {mix} source 需要转换成array的变量
  478. * @version 1.3
  479. * @meta standard
  480. * @returns {array} 转换后的array
  481. */
  482. baidu.lang.toArray = function (source) {
  483. if (source === null || source === undefined)
  484. return [];
  485. if (baidu.lang.isArray(source))
  486. return source;
  487. if (typeof source.length !== 'number' || typeof source === 'string' || baidu.lang.isFunction(source)) {
  488. return [source];
  489. }
  490. if (source.item) {
  491. var l = source.length, array = new Array(l);
  492. while (l--)
  493. array[l] = source[l];
  494. return array;
  495. }
  496. return [].slice.call(source);
  497. };
  498. /**
  499. * 获得flash对象的实例
  500. * @name baidu.swf.getMovie
  501. * @function
  502. * @grammar baidu.swf.getMovie(name)
  503. * @param {string} name flash对象的名称
  504. * @see baidu.swf.create
  505. * @meta standard
  506. * @returns {HTMLElement} flash对象的实例
  507. */
  508. baidu.swf.getMovie = function (name) {
  509. var movie = document[name], ret;
  510. return baidu.browser.ie == 9 ?
  511. movie && movie.length ?
  512. (ret = baidu.array.remove(baidu.lang.toArray(movie), function (item) {
  513. return item.tagName.toLowerCase() != "embed";
  514. })).length == 1 ? ret[0] : ret
  515. : movie
  516. : movie || window[name];
  517. };
  518. baidu.flash._Base = (function () {
  519. var prefix = 'bd__flash__';
  520. /**
  521. * 创建一个随机的字符串
  522. * @private
  523. * @return {String}
  524. */
  525. function _createString() {
  526. return prefix + Math.floor(Math.random() * 2147483648).toString(36);
  527. };
  528. /**
  529. * 检查flash状态
  530. * @private
  531. * @param {Object} target flash对象
  532. * @return {Boolean}
  533. */
  534. function _checkReady(target) {
  535. if (typeof target !== 'undefined' && typeof target.flashInit !== 'undefined' && target.flashInit()) {
  536. return true;
  537. } else {
  538. return false;
  539. }
  540. };
  541. /**
  542. * 调用之前进行压栈的函数
  543. * @private
  544. * @param {Array} callQueue 调用队列
  545. * @param {Object} target flash对象
  546. * @return {Null}
  547. */
  548. function _callFn(callQueue, target) {
  549. var result = null;
  550. callQueue = callQueue.reverse();
  551. baidu.each(callQueue, function (item) {
  552. result = target.call(item.fnName, item.params);
  553. item.callBack(result);
  554. });
  555. };
  556. /**
  557. * 为传入的匿名函数创建函数名
  558. * @private
  559. * @param {String|Function} fun 传入的匿名函数或者函数名
  560. * @return {String}
  561. */
  562. function _createFunName(fun) {
  563. var name = '';
  564. if (baidu.lang.isFunction(fun)) {
  565. name = _createString();
  566. window[name] = function () {
  567. fun.apply(window, arguments);
  568. };
  569. return name;
  570. } else if (baidu.lang.isString) {
  571. return fun;
  572. }
  573. };
  574. /**
  575. * 绘制flash
  576. * @private
  577. * @param {Object} options 创建参数
  578. * @return {Object}
  579. */
  580. function _render(options) {
  581. if (!options.id) {
  582. options.id = _createString();
  583. }
  584. var container = options.container || '';
  585. delete(options.container);
  586. baidu.swf.create(options, container);
  587. return baidu.swf.getMovie(options.id);
  588. };
  589. return function (options, callBack) {
  590. var me = this,
  591. autoRender = (typeof options.autoRender !== 'undefined' ? options.autoRender : true),
  592. createOptions = options.createOptions || {},
  593. target = null,
  594. isReady = false,
  595. callQueue = [],
  596. timeHandle = null,
  597. callBack = callBack || [];
  598. /**
  599. * 将flash文件绘制到页面上
  600. * @public
  601. * @return {Null}
  602. */
  603. me.render = function () {
  604. target = _render(createOptions);
  605. if (callBack.length > 0) {
  606. baidu.each(callBack, function (funName, index) {
  607. callBack[index] = _createFunName(options[funName] || new Function());
  608. });
  609. }
  610. me.call('setJSFuncName', [callBack]);
  611. };
  612. /**
  613. * 返回flash状态
  614. * @return {Boolean}
  615. */
  616. me.isReady = function () {
  617. return isReady;
  618. };
  619. /**
  620. * 调用flash接口的统一入口
  621. * @param {String} fnName 调用的函数名
  622. * @param {Array} params 传入的参数组成的数组,若不许要参数,需传入空数组
  623. * @param {Function} [callBack] 异步调用后将返回值作为参数的调用回调函数,如无返回值,可以不传入此参数
  624. * @return {Null}
  625. */
  626. me.call = function (fnName, params, callBack) {
  627. if (!fnName) return null;
  628. callBack = callBack || new Function();
  629. var result = null;
  630. if (isReady) {
  631. result = target.call(fnName, params);
  632. callBack(result);
  633. } else {
  634. callQueue.push({
  635. fnName: fnName,
  636. params: params,
  637. callBack: callBack
  638. });
  639. (!timeHandle) && (timeHandle = setInterval(_check, 200));
  640. }
  641. };
  642. /**
  643. * 为传入的匿名函数创建函数名
  644. * @public
  645. * @param {String|Function} fun 传入的匿名函数或者函数名
  646. * @return {String}
  647. */
  648. me.createFunName = function (fun) {
  649. return _createFunName(fun);
  650. };
  651. /**
  652. * 检查flash是否ready, 并进行调用
  653. * @private
  654. * @return {Null}
  655. */
  656. function _check() {
  657. if (_checkReady(target)) {
  658. clearInterval(timeHandle);
  659. timeHandle = null;
  660. _call();
  661. isReady = true;
  662. }
  663. };
  664. /**
  665. * 调用之前进行压栈的函数
  666. * @private
  667. * @return {Null}
  668. */
  669. function _call() {
  670. _callFn(callQueue, target);
  671. callQueue = [];
  672. }
  673. autoRender && me.render();
  674. };
  675. })();
  676. /**
  677. * 创建flash based imageUploader
  678. * @class
  679. * @grammar baidu.flash.imageUploader(options)
  680. * @param {Object} createOptions 创建flash时需要的参数,请参照baidu.swf.create文档
  681. * @config {Object} vars 创建imageUploader时所需要的参数
  682. * @config {Number} vars.gridWidth 每一个预览图片所占的宽度,应该为flash寛的整除
  683. * @config {Number} vars.gridHeight 每一个预览图片所占的高度,应该为flash高的整除
  684. * @config {Number} vars.picWidth 单张预览图片的宽度
  685. * @config {Number} vars.picHeight 单张预览图片的高度
  686. * @config {String} vars.uploadDataFieldName POST请求中图片数据的key,默认值'picdata'
  687. * @config {String} vars.picDescFieldName POST请求中图片描述的key,默认值'picDesc'
  688. * @config {Number} vars.maxSize 文件的最大体积,单位'MB'
  689. * @config {Number} vars.compressSize 上传前如果图片体积超过该值,会先压缩
  690. * @config {Number} vars.maxNum:32 最大上传多少个文件
  691. * @config {Number} vars.compressLength 能接受的最大边长,超过该值会等比压缩
  692. * @config {String} vars.url 上传的url地址
  693. * @config {Number} vars.mode mode == 0时,是使用滚动条,mode == 1时,拉伸flash, 默认值为0
  694. * @see baidu.swf.createHTML
  695. * @param {String} backgroundUrl 背景图片路径
  696. * @param {String} listBacgroundkUrl 布局控件背景
  697. * @param {String} buttonUrl 按钮图片不背景
  698. * @param {String|Function} selectFileCallback 选择文件的回调
  699. * @param {String|Function} exceedFileCallback文件超出限制的最大体积时的回调
  700. * @param {String|Function} deleteFileCallback 删除文件的回调
  701. * @param {String|Function} startUploadCallback 开始上传某个文件时的回调
  702. * @param {String|Function} uploadCompleteCallback 某个文件上传完成的回调
  703. * @param {String|Function} uploadErrorCallback 某个文件上传失败的回调
  704. * @param {String|Function} allCompleteCallback 全部上传完成时的回调
  705. * @param {String|Function} changeFlashHeight 改变Flash的高度,mode==1的时候才有用
  706. */
  707. baidu.flash.imageUploader = baidu.flash.imageUploader || function (options) {
  708. var me = this,
  709. options = options || {},
  710. _flash = new baidu.flash._Base(options, [
  711. 'selectFileCallback',
  712. 'exceedFileCallback',
  713. 'deleteFileCallback',
  714. 'startUploadCallback',
  715. 'uploadCompleteCallback',
  716. 'uploadErrorCallback',
  717. 'allCompleteCallback',
  718. 'changeFlashHeight'
  719. ]);
  720. /**
  721. * 开始或回复上传图片
  722. * @public
  723. * @return {Null}
  724. */
  725. me.upload = function () {
  726. _flash.call('upload');
  727. };
  728. /**
  729. * 暂停上传图片
  730. * @public
  731. * @return {Null}
  732. */
  733. me.pause = function () {
  734. _flash.call('pause');
  735. };
  736. me.addCustomizedParams = function (index, obj) {
  737. _flash.call('addCustomizedParams', [index, obj]);
  738. }
  739. };
  740. /**
  741. * 操作原生对象的方法
  742. * @namespace baidu.object
  743. */
  744. baidu.object = baidu.object || {};
  745. /**
  746. * 将源对象的所有属性拷贝到目标对象中
  747. * @author erik
  748. * @name baidu.object.extend
  749. * @function
  750. * @grammar baidu.object.extend(target, source)
  751. * @param {Object} target 目标对象
  752. * @param {Object} source 源对象
  753. * @see baidu.array.merge
  754. * @remark
  755. *
  756. 1.目标对象中,与源对象key相同的成员将会被覆盖。<br>
  757. 2.源对象的prototype成员不会拷贝。
  758. * @shortcut extend
  759. * @meta standard
  760. *
  761. * @returns {Object} 目标对象
  762. */
  763. baidu.extend =
  764. baidu.object.extend = function (target, source) {
  765. for (var p in source) {
  766. if (source.hasOwnProperty(p)) {
  767. target[p] = source[p];
  768. }
  769. }
  770. return target;
  771. };
  772. /**
  773. * 创建flash based fileUploader
  774. * @class
  775. * @grammar baidu.flash.fileUploader(options)
  776. * @param {Object} options
  777. * @config {Object} createOptions 创建flash时需要的参数,请参照baidu.swf.create文档
  778. * @config {String} createOptions.width
  779. * @config {String} createOptions.height
  780. * @config {Number} maxNum 最大可选文件数
  781. * @config {Function|String} selectFile
  782. * @config {Function|String} exceedMaxSize
  783. * @config {Function|String} deleteFile
  784. * @config {Function|String} uploadStart
  785. * @config {Function|String} uploadComplete
  786. * @config {Function|String} uploadError
  787. * @config {Function|String} uploadProgress
  788. */
  789. baidu.flash.fileUploader = baidu.flash.fileUploader || function (options) {
  790. var me = this,
  791. options = options || {};
  792. options.createOptions = baidu.extend({
  793. wmod: 'transparent'
  794. }, options.createOptions || {});
  795. var _flash = new baidu.flash._Base(options, [
  796. 'selectFile',
  797. 'exceedMaxSize',
  798. 'deleteFile',
  799. 'uploadStart',
  800. 'uploadComplete',
  801. 'uploadError',
  802. 'uploadProgress'
  803. ]);
  804. _flash.call('setMaxNum', options.maxNum ? [options.maxNum] : [1]);
  805. /**
  806. * 设置当鼠标移动到flash上时,是否变成手型
  807. * @public
  808. * @param {Boolean} isCursor
  809. * @return {Null}
  810. */
  811. me.setHandCursor = function (isCursor) {
  812. _flash.call('setHandCursor', [isCursor || false]);
  813. };
  814. /**
  815. * 设置鼠标相应函数名
  816. * @param {String|Function} fun
  817. */
  818. me.setMSFunName = function (fun) {
  819. _flash.call('setMSFunName', [_flash.createFunName(fun)]);
  820. };
  821. /**
  822. * 执行上传操作
  823. * @param {String} url 上传的url
  824. * @param {String} fieldName 上传的表单字段名
  825. * @param {Object} postData 键值对,上传的POST数据
  826. * @param {Number|Array|null|-1} [index]上传的文件序列
  827. * Int值上传该文件
  828. * Array一次串行上传该序列文件
  829. * -1/null上传所有文件
  830. * @return {Null}
  831. */
  832. me.upload = function (url, fieldName, postData, index) {
  833. if (typeof url !== 'string' || typeof fieldName !== 'string') return null;
  834. if (typeof index === 'undefined') index = -1;
  835. _flash.call('upload', [url, fieldName, postData, index]);
  836. };
  837. /**
  838. * 取消上传操作
  839. * @public
  840. * @param {Number|-1} index
  841. */
  842. me.cancel = function (index) {
  843. if (typeof index === 'undefined') index = -1;
  844. _flash.call('cancel', [index]);
  845. };
  846. /**
  847. * 删除文件
  848. * @public
  849. * @param {Number|Array} [index] 要删除的index,不传则全部删除
  850. * @param {Function} callBack
  851. * @param
  852. * */
  853. me.deleteFile = function (index, callBack) {
  854. var callBackAll = function (list) {
  855. callBack && callBack(list);
  856. };
  857. if (typeof index === 'undefined') {
  858. _flash.call('deleteFilesAll', [], callBackAll);
  859. return;
  860. }
  861. ;
  862. if (typeof index === 'Number') index = [index];
  863. index.sort(function (a, b) {
  864. return b - a;
  865. });
  866. baidu.each(index, function (item) {
  867. _flash.call('deleteFileBy', item, callBackAll);
  868. });
  869. };
  870. /**
  871. * 添加文件类型,支持macType
  872. * @public
  873. * @param {Object|Array[Object]} type {description:String, extention:String}
  874. * @return {Null};
  875. */
  876. me.addFileType = function (type) {
  877. var type = type || [
  878. []
  879. ];
  880. if (type instanceof Array) type = [type];
  881. else type = [
  882. [type]
  883. ];
  884. _flash.call('addFileTypes', type);
  885. };
  886. /**
  887. * 设置文件类型,支持macType
  888. * @public
  889. * @param {Object|Array[Object]} type {description:String, extention:String}
  890. * @return {Null};
  891. */
  892. me.setFileType = function (type) {
  893. var type = type || [
  894. []
  895. ];
  896. if (type instanceof Array) type = [type];
  897. else type = [
  898. [type]
  899. ];
  900. _flash.call('setFileTypes', type);
  901. };
  902. /**
  903. * 设置可选文件的数量限制
  904. * @public
  905. * @param {Number} num
  906. * @return {Null}
  907. */
  908. me.setMaxNum = function (num) {
  909. _flash.call('setMaxNum', [num]);
  910. };
  911. /**
  912. * 设置可选文件大小限制,以兆M为单位
  913. * @public
  914. * @param {Number} num,0为无限制
  915. * @return {Null}
  916. */
  917. me.setMaxSize = function (num) {
  918. _flash.call('setMaxSize', [num]);
  919. };
  920. /**
  921. * @public
  922. */
  923. me.getFileAll = function (callBack) {
  924. _flash.call('getFileAll', [], callBack);
  925. };
  926. /**
  927. * @public
  928. * @param {Number} index
  929. * @param {Function} [callBack]
  930. */
  931. me.getFileByIndex = function (index, callBack) {
  932. _flash.call('getFileByIndex', [], callBack);
  933. };
  934. /**
  935. * @public
  936. * @param {Number} index
  937. * @param {function} [callBack]
  938. */
  939. me.getStatusByIndex = function (index, callBack) {
  940. _flash.call('getStatusByIndex', [], callBack);
  941. };
  942. };
  943. /**
  944. * 使用动态script标签请求服务器资源,包括由服务器端的回调和浏览器端的回调
  945. * @namespace baidu.sio
  946. */
  947. baidu.sio = baidu.sio || {};
  948. /**
  949. *
  950. * @param {HTMLElement} src script节点
  951. * @param {String} url script节点的地址
  952. * @param {String} [charset] 编码
  953. */
  954. baidu.sio._createScriptTag = function (scr, url, charset) {
  955. scr.setAttribute('type', 'text/javascript');
  956. charset && scr.setAttribute('charset', charset);
  957. scr.setAttribute('src', url);
  958. document.getElementsByTagName('head')[0].appendChild(scr);
  959. };
  960. /**
  961. * 删除script的属性,再删除script标签,以解决修复内存泄漏的问题
  962. *
  963. * @param {HTMLElement} src script节点
  964. */
  965. baidu.sio._removeScriptTag = function (scr) {
  966. if (scr.clearAttributes) {
  967. scr.clearAttributes();
  968. } else {
  969. for (var attr in scr) {
  970. if (scr.hasOwnProperty(attr)) {
  971. delete scr[attr];
  972. }
  973. }
  974. }
  975. if (scr && scr.parentNode) {
  976. scr.parentNode.removeChild(scr);
  977. }
  978. scr = null;
  979. };
  980. /**
  981. * 通过script标签加载数据,加载完成由浏览器端触发回调
  982. * @name baidu.sio.callByBrowser
  983. * @function
  984. * @grammar baidu.sio.callByBrowser(url, opt_callback, opt_options)
  985. * @param {string} url 加载数据的url
  986. * @param {Function|string} opt_callback 数据加载结束时调用的函数或函数名
  987. * @param {Object} opt_options 其他可选项
  988. * @config {String} [charset] script的字符集
  989. * @config {Integer} [timeOut] 超时时间,超过这个时间将不再响应本请求,并触发onfailure函数
  990. * @config {Function} [onfailure] timeOut设定后才生效,到达超时时间时触发本函数
  991. * @remark
  992. * 1、与callByServer不同,callback参数只支持Function类型,不支持string。
  993. * 2、如果请求了一个不存在的页面,callback函数在IE/opera下也会被调用,因此使用者需要在onsuccess函数中判断数据是否正确加载。
  994. * @meta standard
  995. * @see baidu.sio.callByServer
  996. */
  997. baidu.sio.callByBrowser = function (url, opt_callback, opt_options) {
  998. var scr = document.createElement("SCRIPT"),
  999. scriptLoaded = 0,
  1000. options = opt_options || {},
  1001. charset = options['charset'],
  1002. callback = opt_callback || function () {
  1003. },
  1004. timeOut = options['timeOut'] || 0,
  1005. timer;
  1006. scr.onload = scr.onreadystatechange = function () {
  1007. if (scriptLoaded) {
  1008. return;
  1009. }
  1010. var readyState = scr.readyState;
  1011. if ('undefined' == typeof readyState
  1012. || readyState == "loaded"
  1013. || readyState == "complete") {
  1014. scriptLoaded = 1;
  1015. try {
  1016. callback();
  1017. clearTimeout(timer);
  1018. } finally {
  1019. scr.onload = scr.onreadystatechange = null;
  1020. baidu.sio._removeScriptTag(scr);
  1021. }
  1022. }
  1023. };
  1024. if (timeOut) {
  1025. timer = setTimeout(function () {
  1026. scr.onload = scr.onreadystatechange = null;
  1027. baidu.sio._removeScriptTag(scr);
  1028. options.onfailure && options.onfailure();
  1029. }, timeOut);
  1030. }
  1031. baidu.sio._createScriptTag(scr, url, charset);
  1032. };
  1033. /**
  1034. * 通过script标签加载数据,加载完成由服务器端触发回调
  1035. * @name baidu.sio.callByServer
  1036. * @function
  1037. * @grammar baidu.sio.callByServer(url, callback[, opt_options])
  1038. * @param {string} url 加载数据的url.
  1039. * @param {Function|string} callback 服务器端调用的函数或函数名。如果没有指定本参数,将在URL中寻找options['queryField']做为callback的方法名.
  1040. * @param {Object} opt_options 加载数据时的选项.
  1041. * @config {string} [charset] script的字符集
  1042. * @config {string} [queryField] 服务器端callback请求字段名,默认为callback
  1043. * @config {Integer} [timeOut] 超时时间(单位:ms),超过这个时间将不再响应本请求,并触发onfailure函数
  1044. * @config {Function} [onfailure] timeOut设定后才生效,到达超时时间时触发本函数
  1045. * @remark
  1046. * 如果url中已经包含key为“options['queryField']”的query项,将会被替换成callback中参数传递或自动生成的函数名。
  1047. * @meta standard
  1048. * @see baidu.sio.callByBrowser
  1049. */
  1050. baidu.sio.callByServer = /**@function*/function (url, callback, opt_options) {
  1051. var scr = document.createElement('SCRIPT'),
  1052. prefix = 'bd__cbs__',
  1053. callbackName,
  1054. callbackImpl,
  1055. options = opt_options || {},
  1056. charset = options['charset'],
  1057. queryField = options['queryField'] || 'callback',
  1058. timeOut = options['timeOut'] || 0,
  1059. timer,
  1060. reg = new RegExp('(\\?|&)' + queryField + '=([^&]*)'),
  1061. matches;
  1062. if (baidu.lang.isFunction(callback)) {
  1063. callbackName = prefix + Math.floor(Math.random() * 2147483648).toString(36);
  1064. window[callbackName] = getCallBack(0);
  1065. } else if (baidu.lang.isString(callback)) {
  1066. callbackName = callback;
  1067. } else {
  1068. if (matches = reg.exec(url)) {
  1069. callbackName = matches[2];
  1070. }
  1071. }
  1072. if (timeOut) {
  1073. timer = setTimeout(getCallBack(1), timeOut);
  1074. }
  1075. url = url.replace(reg, '\x241' + queryField + '=' + callbackName);
  1076. if (url.search(reg) < 0) {
  1077. url += (url.indexOf('?') < 0 ? '?' : '&') + queryField + '=' + callbackName;
  1078. }
  1079. baidu.sio._createScriptTag(scr, url, charset);
  1080. /*
  1081. * 返回一个函数,用于立即(挂在window上)或者超时(挂在setTimeout中)时执行
  1082. */
  1083. function getCallBack(onTimeOut) {
  1084. /*global callbackName, callback, scr, options;*/
  1085. return function () {
  1086. try {
  1087. if (onTimeOut) {
  1088. options.onfailure && options.onfailure();
  1089. } else {
  1090. callback.apply(window, arguments);
  1091. clearTimeout(timer);
  1092. }
  1093. window[callbackName] = null;
  1094. delete window[callbackName];
  1095. } catch (exception) {
  1096. } finally {
  1097. baidu.sio._removeScriptTag(scr);
  1098. }
  1099. }
  1100. }
  1101. };
  1102. /**
  1103. * 通过请求一个图片的方式令服务器存储一条日志
  1104. * @function
  1105. * @grammar baidu.sio.log(url)
  1106. * @param {string} url 要发送的地址.
  1107. * @author: int08h,leeight
  1108. */
  1109. baidu.sio.log = function (url) {
  1110. var img = new Image(),
  1111. key = 'tangram_sio_log_' + Math.floor(Math.random() *
  1112. 2147483648).toString(36);
  1113. window[key] = img;
  1114. img.onload = img.onerror = img.onabort = function () {
  1115. img.onload = img.onerror = img.onabort = null;
  1116. window[key] = null;
  1117. img = null;
  1118. };
  1119. img.src = url;
  1120. };