开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > Internet/网络编程 > WEB源码(ASP,PHP,...) > 查看源码
TaskMenu.js
资源名称：a.rar　[点击查看]
上传用户：aa118c
上传日期：2021-05-13
资源大小：4785k
文件大小：26k
源码类别：

WEB源码(ASP,PHP,...)

开发平台：

HTML/CSS

TaskMenu.js：源码内容
  1. //****************************************************
  2. //                TaskMenu 3.0
  3. //           http://www.865171.cn 
  4. //**************************************************** 
  5. /////////////////////////////////////////////////////////////////////////////////
  6. var INF_IS_IEXPLORER = (navigator.userAgent.indexOf("MSIE") == -1)? false : true;
  7. var INF_IS_MENU_BEHAVIOR_AUTO       = true;
  8. var INF_IS_SCROLLBAR_ENABLED        = false;
  9. ///////////////////////////////////////////////////////
  10. /////////////*** CONFIG ***////////////////////////////
  11. var CFG_FRAME_COUNT                 = 6;
  12. var CFG_DOCUMENT_MARGIN             = 12;
  13. var CFG_MENU_SPACING                = 15;
  14. var CFG_MENU_WIDTH                  = 185;
  15. var CFG_SCROLLBAR_WIDTH             = 17;
  16. var CFG_TITLEBAR_HEIGHT             = 25;
  17. var CFG_TITLEBAR_LEFT_WIDTH         = 13;
  18. var CFG_TITLEBAR_RIGHT_WIDTH        = 25;
  19. var CFG_TITLEBAR_MIDDLE_WIDTH = CFG_MENU_WIDTH - CFG_TITLEBAR_LEFT_WIDTH - CFG_TITLEBAR_RIGHT_WIDTH;
  20. var CFG_TITLEBAR_BORDER_WIDTH       = 0;
  21. var CFG_MENUBODY_PADDING            = 9;
  22. var CFG_MENUBODY_BORDER_WIDTH       = 1;
  23. var CFG_SLEEP_TIME_BEGIN            = 20;
  24. var CFG_SLEEP_TIME_END              = 60;
  25. var CFG_ALPHA_STEP = Math.ceil( 100 / (CFG_FRAME_COUNT) );
  26. var CFG_IS_SCROLLBAR_ENABLED        = true;
  27. var CFG_IS_SPECIAL_HEAD_NODE        = false;
  29. //////////////////////////////////////////////////////////
  30. //////////////////////////////////////////////////////////
  31. if(new Array().push == null)
  32. {
  33. //usage: array.push(Array); for ie5.0
  34. Array.prototype.push = function()
  35. {
  36. this[this.length] = arguments[0];
  37. return this.length;
  38. }
  39. }
  40. if(new Array().splice == null)
  41. {
  42. /// usage: array.splice(startPos,deleteCount,[item1,item2,...]);for ie5.0
  43. Array.prototype.splice = function()
  44. {
  45. if(arguments.length < 2 || arguments[1] < 0) 
  46. return new Array();
  48. var endPoint1 = arguments[0];
  49. if(endPoint1 < 0 && Math.abs(endPoint1) > this.length)
  50. endPoint1 = 0;
  52. var startPoint2 = (endPoint1 < 0)? (this.length + endPoint1 + arguments[1]) : (endPoint1 + arguments[1]);
  54. var bArray = this.slice(0,endPoint1);
  55. var dArray = this.slice(endPoint1,startPoint2);
  56. var eArray = this.slice(startPoint2);
  57. var nArray = new Array();
  58. for(var i = 2; i < arguments.length; i++)
  59. {
  60. nArray.push(arguments[i]);
  61. }
  62. var fArray = bArray.concat(nArray,eArray);
  64. for(var i = 0; i < fArray.length; i++)
  65. {
  66. this[i] = fArray[i];
  67. }
  68. this.length = fArray.length;
  70. return dArray;
  71. }
  72. }
  74. /////////////////////////////////////////////////////////////////
  75. function TaskMenuState(){}
  76. TaskMenuState.uninited      =  0;
  77. TaskMenuState.open          =  1;
  78. TaskMenuState.close         =  2;
  79. TaskMenuState.opening       =  4;
  80. TaskMenuState.closing       =  8;
  81. TaskMenuState.transforming  = 16;
  83. function TaskMenuItem(strLabel,strIcon,strCommand)
  84. {
  85. this.label      = strLabel;
  86. this.icon       = strIcon;
  87. this.command    = strCommand;
  88. this.hItem      = null;
  89. this.hLabel     = null;
  90. this.hIcon      = null;
  91. this.hLabelCell = null;
  92. this.container  = null;
  93. this.operTimer  = null;
  94. this.tranTimer  = null;
  95. this.operStep   = 0;
  96. this.tranStep   = 0;
  97. this.operCount  = 0;
  98. this.tranCount  = 0;
  100. this.init = function()
  101. {
  102. (this.hLabel = document.createElement("FONT")).reflectClass = this;
  103. with(this.hLabel)
  104. {
  105. reflectClass = this;
  106. }
  107. with(this.hItem = document.createElement("TABLE"))
  108. {
  109. cellPadding = 0;
  110. cellSpacing = 0;
  111. style.width = "100%";
  112. }
  113. (itemRow = this.hItem.insertRow(0)).className="MenuItemRow";
  114. with(blankCell = itemRow.insertCell(0))
  115. {
  116. style.width = (CFG_MENUBODY_PADDING - 2) +"px";
  117. }
  118. with(iconCell = itemRow.insertCell(1))
  119. {
  120. align  = "RIGHT";
  121. style.cssText = "width:18px;vertical-align:top;padding-top:3px";
  122. with(this.hIcon = iconCell.appendChild(document.createElement("DIV")))
  123. {
  124. className = "IconContainer";
  125. }
  126. }
  128. with(this.hLabelCell = itemRow.insertCell(2))
  129. {
  130. style.padding = "2px " + CFG_MENUBODY_PADDING +"px 2px 5px";
  131. appendChild(this.hLabel);
  132. }
  133. with(this)
  134. {
  135. setIcon(icon); setLabel(label); setCommand(command);
  136. }
  137. }
  139. this.getLabel = function()
  140. {
  141. return this.label;
  142. }
  144. this.setLabel = function(strLabel)
  145. {
  146. this.hLabel.innerHTML = this.label = strLabel;
  147. }
  148. this.getIcon = function()
  149. {
  150. return this.icon;
  151. }
  153. this.setIcon = function(strIcon)
  154. {
  155. this.icon = strIcon;
  157. while(this.hIcon.firstChild != null)
  158. {
  159. this.hIcon.removeChild(this.hIcon.firstChild);
  160. }
  162. if(this.icon != null)
  163. {
  164. with(this.hIcon)
  165. {
  166. style.width = "18px";
  167. parentNode.style.width = "18px";
  168. with(appendChild(new Image()))
  169. {
  170. src= this.icon;
  171. }
  172. }
  173. }
  174. else
  175. {
  176. this.hIcon.style.width = "0px";
  177. this.hIcon.parentNode.style.width = "0px";
  178. }
  179. }
  181. this.getCommand = function()
  182. {
  183. return this.command;
  184. }
  186. this.setCommand = function(strCommand)
  187. {
  188. if( (this.command = strCommand) != null)
  189. {
  190. JS.addListener(this.hLabel,"mouseover",TaskMenuItem.onMouseBehavior,false);
  191. JS.addListener(this.hLabel,"mouseout",TaskMenuItem.onMouseBehavior,false);
  192. JS.addListener(this.hLabel,"click",TaskMenuItem.onClick,false);
  193. this.hLabel.className = "MenuItemLabel";
  194. }
  195. else
  196. {
  197. JS.removeListener(this.hLabel,"mouseover",TaskMenuItem.onMouseBehavior,false);
  198. JS.removeListener(this.hLabel,"mouseout",TaskMenuItem.onMouseBehavior,false);
  199. JS.removeListener(this.hLabel,"click",TaskMenuItem.onClick,false);
  200. this.hLabel.className = "MenuItemLabelDisabled";
  201. }
  202. }
  204. this.runCommand = function()
  205. {
  206. try
  207. {
  208. eval(this.command);
  209. }
  210. catch(ex)
  211. {
  212. alert("Javascript Error:" + ex.description);
  213. }
  214. }
  216. this.cloneNode = function()
  217. {
  218. return new TaskMenuItem(this.label,this.icon,this.command);
  219. }
  221. this.init();
  222. }
  224. TaskMenuItem.onMouseBehavior = function()
  225. {
  226. with(JS.getSourceElement(arguments[0]))
  227. {
  228. if(arguments[0].type.toUpperCase() == "MOUSEOVER")
  229. className = "MenuItemLabelMouseOver";
  231. else
  232. className = "MenuItemLabel"; 
  233. }
  234. }
  236. TaskMenuItem.onClick = function()
  237. {
  238. var refClass = JS.getSourceElement(arguments[0]).reflectClass;
  239. if(refClass != null) refClass.runCommand();
  240. }
  242. function TaskMenu(strLabel,menuState)
  243. {
  244. this.menuID;
  245. this.label       = strLabel;
  246. this.state       = menuState;
  247. this.items       = [];
  248. this.hLabel      = null;
  249. this.hArrayCell  = null;
  250. this.titlebar    = null;
  251. this.menuBody    = null;
  252. this.previous    = null;
  253. this.next        = null;
  254. this.background  = null;
  255. this.operationTimer;
  256. this.transformTimer;
  257. this.invalidateTimer
  258. this.operationStep;
  259. this.transformStep;
  260. this.operationSleep;
  261. this.transformSleep;
  263. this._getAlphaOpacity = function()
  264. {
  265. try
  266. {
  267. if(INF_IS_IEXPLORER)
  268. return this.menuBody.filters.alpha.opacity;
  270. else
  271. return this.menuBody.style.MozOpacity * 100;
  272. }
  273. catch(ex)
  274. {
  275. return 100;
  276. }
  277. }
  279. this._setAlphaOpacity = function(n)
  280. {
  281. try
  282. {
  283. if(INF_IS_IEXPLORER)
  284. this.menuBody.filters.alpha.opacity = n;
  286. else
  287. this.menuBody.style.MozOpacity = n / 100;
  288. }
  289. catch(ex)
  290. {}
  291. }
  292. this._clearItem = function()
  293. {
  294. for(var i =0; i< this.items.length; i++)
  295. {
  296. this.items[i].container = null;
  297. }
  298. this.items = new Array();
  299. }
  301. this._clearMenu = function()
  302. {
  303. if(this.menuBody == null) return;
  305. while(this.menuBody.firstChild != null)
  306. this.menuBody.removeChild(this.menuBody.firstChild);
  307. }
  309. this._setMenuFixed = function(bFlag)
  310. {
  311. if(this.menuBody == null) return;
  313. if(bFlag == true)
  314. {
  315. this.menuBody.style.overflow = "hidden";
  316. }
  317. else
  318. {
  319. this.menuBody.style.overflow = "visible";
  320. this.menuBody.style.height   = "auto";
  321. }
  322. }
  324. this._setMenuHeight = function(height)
  325. {
  326. if(INF_IS_IEXPLORER)
  327. this.menuBody.style.height = height + "px";
  329. else
  330. this.menuBody.style.height = ( height - (2 * CFG_MENUBODY_PADDING + CFG_MENUBODY_BORDER_WIDTH) ) + "px";
  331. }
  333. this._getMenuHeight = function()
  334. {
  335. if(INF_IS_IEXPLORER)
  336. return this.menuBody.scrollHeight + CFG_MENUBODY_BORDER_WIDTH;
  338. else
  339. {
  340. var scrollHeight = 0;
  341. for(var i = 0; i < this.menuBody.childNodes.length; i++)
  342. {
  343. scrollHeight += this.menuBody.childNodes[i].offsetHeight;
  344. }
  346. return scrollHeight + CFG_MENUBODY_BORDER_WIDTH + 2 * CFG_MENUBODY_PADDING;
  347. }
  348. }
  350. this._getScrollWidth = function()
  351. {
  352. return (INF_IS_SCROLLBAR_ENABLED)? CFG_SCROLLBAR_WIDTH : 0
  353. }
  355. this._fixMenuWidth = function(value)
  356. {
  357. var titlebarWidth = ( CFG_MENU_WIDTH + ( (INF_IS_IEXPLORER)? 0 : ( -2 * CFG_TITLEBAR_BORDER_WIDTH ) ) );
  358. var menuBodyWidth = ( CFG_MENU_WIDTH + ( (INF_IS_IEXPLORER)? 0 : ( -2 * CFG_MENUBODY_BORDER_WIDTH ) ) );
  359. var labelCell = this.titlebar.firstChild.rows[0].cells[1];
  360. var scrollbarWidth = this._getScrollWidth();
  362. this.hLabel.style.width   = (CFG_TITLEBAR_MIDDLE_WIDTH - scrollbarWidth) + "px";
  363. labelCell.style.width     = (CFG_TITLEBAR_MIDDLE_WIDTH - scrollbarWidth) + "px";
  364. this.titlebar.style.width = (titlebarWidth - scrollbarWidth) + "px";
  365. this.menuBody.style.width = (menuBodyWidth - scrollbarWidth) + "px";
  367. this._invalidate(true);
  368. }
  370. this._fixedMenuPosWhileClose = function()
  371. {
  372. var scrollHeight = this._getMenuHeight();
  373. this._setMenuHeight(scrollHeight);
  374. this.menuBody.style.top = (this.titlebar.offsetTop + CFG_TITLEBAR_HEIGHT - scrollHeight) + "px";
  375. this.menuBody.style.clip = "rect(" + scrollHeight +" auto " + scrollHeight + " auto)";
  376. this._setAlphaOpacity(0);
  377. }
  379. this._attachState = function(state)
  380. {
  381. switch(state)
  382. {
  383. case TaskMenuState.open:
  384. case TaskMenuState.close:
  385. case TaskMenuState.opening:
  386. case TaskMenuState.closing:
  387. this.state >>= 4;
  388. this.state <<= 4;
  389. case TaskMenuState.transforming:
  390. this.state |= state;
  391. break;
  392. case TaskMenuState.uninited:
  393. this.state = state;
  394. break;
  395. }
  396. }
  398. this._removeState = function(state)
  399. {
  400. if(this.state & state) this.state ^= state;
  401. }
  403. this._invalidate = function(bForce)
  404. {
  405. if(INF_IS_MENU_BEHAVIOR_AUTO == true || bForce == true)
  406. {
  407. this.invalidate();
  408. }
  409. }
  411. this._extend = function()
  412. {
  413. if(this.state & TaskMenuState.close)
  414. {
  415. this._fixedMenuPosWhileClose();
  416. this._removeState(TaskMenuState.transforming);
  417. }
  418. else
  419. {
  420. if(this.menuBody.offsetHeight + this.transformStep < this._getMenuHeight())
  421. {
  422. this._setMenuHeight(this.menuBody.offsetHeight + this.transformStep);
  423. this.transformTimer = setTimeout("TaskMenu.collection[" + this.menuID + "]._extend()",this.transformSleep += 5);
  424. }
  425. else
  426. {
  427. this._setMenuHeight(this._getMenuHeight());
  428. this._removeState(TaskMenuState.transforming);
  429. }
  430. }
  431. if(this.next != null) this.next._moveTo();
  432. TaskMenu._refreshAll();
  433. }
  435. this._shorten = function()
  436. {
  437. if(this.state & TaskMenuState.close)
  438. {
  439. this._fixedMenuPosWhileClose();
  440. this._removeState(TaskMenuState.transforming);
  441. }
  442. else
  443. {
  444. if(this.menuBody.offsetHeight + this.transformStep > this._getMenuHeight())
  445. {
  446. this._setMenuHeight(this.menuBody.offsetHeight + this.transformStep);
  447. this.transformTimer = setTimeout("TaskMenu.collection[" + this.menuID + "]._shorten()",this.transformSleep += 5);
  448. }
  449. else
  450. {
  451. this._setMenuHeight(this._getMenuHeight());
  452. this._removeState(TaskMenuState.transforming);
  453. }
  454. }
  455. if(this.next != null) this.next._moveTo();
  456. TaskMenu._refreshAll();
  457. }
  459. this._appendItems = function()
  460. {
  461. if(this.menuBody == null || this.items.length == 0)return;
  463. for(var i = 0; i < this.items.length; i++)
  464. this.menuBody.appendChild(this.items[i].hItem);
  465. }
  467. this._isSpecialHeadNode = function()
  468. {
  469. return CFG_IS_SPECIAL_HEAD_NODE && this == TaskMenu.headNode;
  470. }
  472. this._open = function()
  473. {
  474. var titlebarBottom = this.titlebar.offsetTop + CFG_TITLEBAR_HEIGHT;
  476. if( (this.menuBody.offsetTop + this.operationStep) < titlebarBottom )
  477. {
  478. this.menuBody.style.top  = (this.menuBody.offsetTop + this.operationStep) + "px";
  479. this.menuBody.style.clip = "rect(" + (titlebarBottom - this.menuBody.offsetTop) + " auto " + (this.menuBody.offsetHeight - 1) + " auto)";
  480. this._setAlphaOpacity( this._getAlphaOpacity() + CFG_ALPHA_STEP );
  481. this.operationTimer = setTimeout("TaskMenu.collection[" + this.menuID + "]._open()",this.operationSleep);
  482. this.operationSleep += 5;
  483. }
  484. else
  485. {
  486. this.menuBody.style.top  = titlebarBottom + "px";
  487. this.menuBody.style.clip = "rect(auto auto auto auto)";
  488. this._attachState(TaskMenuState.open);
  489. this._setAlphaOpacity(100);
  490. }
  492. if(this.next) this.next._moveTo();
  493. TaskMenu._refreshAll();
  494. }
  496. this._close = function()
  497. {
  498. var menuBodyHeight = this._getMenuHeight();
  499. var menuBodyBottom = this.menuBody.offsetTop + menuBodyHeight;
  500. var titlebarBottom = this.titlebar.offsetTop + CFG_TITLEBAR_HEIGHT;
  502. if( (menuBodyBottom - this.operationStep) > titlebarBottom )
  503. {
  504. this.menuBody.style.top = (this.menuBody.offsetTop - this.operationStep) + "px";
  505. this._setAlphaOpacity( this._getAlphaOpacity() - CFG_ALPHA_STEP );
  506. this.operationTimer = setTimeout("TaskMenu.collection[" + this.menuID + "]._close()",this.operationSleep);
  507. this.operationSleep += 5;
  508. }
  509. else
  510. {
  511. this.menuBody.style.top = ( (titlebarBottom - menuBodyHeight) ) + "px";
  512. this._setAlphaOpacity(0);
  513. this._attachState(TaskMenuState.close);
  514. }
  515. this.menuBody.style.clip = "rect(" + (Math.abs(titlebarBottom - this.menuBody.offsetTop)) +" auto " + (this.menuBody.offsetHeight - 1) + " auto)";
  517. if(this.next) this.next._moveTo();
  518. TaskMenu._refreshAll();
  519. }
  521. this._moveBy = function(dist)
  522. {}
  524. this._moveTo = function()
  525. {
  526. var primTop   = this.titlebar.offsetTop;
  527. var safePoint = this.previous.titlebar.offsetTop + CFG_TITLEBAR_HEIGHT + CFG_MENU_SPACING;
  528. var dstiTop   = this.previous.menuBody.offsetTop + this.previous.menuBody.offsetHeight + CFG_MENU_SPACING;
  529. if(dstiTop >= safePoint)
  530. this.titlebar.style.top = dstiTop + "px";
  532. else
  533. this.titlebar.style.top = safePoint + "px";
  535. if(this.state & TaskMenuState.open)
  536. this.menuBody.style.top = ( this.titlebar.offsetTop + CFG_TITLEBAR_HEIGHT ) + "px";
  538. else if(this.state & TaskMenuState.close)
  539. this.menuBody.style.top = ( this.titlebar.offsetTop + CFG_TITLEBAR_HEIGHT - this.menuBody.offsetHeight) + "px";
  541. else if(this.state & TaskMenuState.opening || this.state & TaskMenuState.closing)
  542. this.menuBody.style.top = (this.menuBody.offsetTop + (dstiTop - primTop) ) + "px";
  544. if(this.next != null) this.next._moveTo();
  545. }
  547. this.init = function(initFlag)
  548. {
  549. if(initFlag != true && (this.titlebr != null || this.menuBody != null))return;
  551. this.state = (this.state == false)? TaskMenuState.close : TaskMenuState.open;
  552. this.label = (this.label == null )? new String() : this.label.toString();
  553. var fixString = (CFG_IS_SPECIAL_HEAD_NODE == true && TaskMenu.headNode == null)? "_Head" : "";
  554. with(this.titlebar = document.createElement("DIV"))
  555. {
  556. className    = "MenuTitlebar";
  557. style.top    = ((TaskMenu.headNode == null)? CFG_DOCUMENT_MARGIN : (TaskMenu.rearNode.menuBody.offsetTop + TaskMenu.rearNode.menuBody.offsetHeight + CFG_MENU_SPACING)) + "px";
  558. style.left   = CFG_DOCUMENT_MARGIN + "px";
  559. style.width  = (CFG_MENU_WIDTH + ( (INF_IS_IEXPLORER)? 0 : ( -2 * CFG_TITLEBAR_BORDER_WIDTH ) ) - this._getScrollWidth()) + "px";
  560. style.height = CFG_TITLEBAR_HEIGHT + "px";
  561. }
  562. with(titlebarContainer = document.createElement("TABLE"))
  563. {
  564. cellPadding = "0";
  565. cellSpacing = "0";
  566. }
  567. with(titlebarRow = titlebarContainer.insertRow(0))
  568. {
  569. style.width  = CFG_MENU_WIDTH      + "px";
  570. style.height = CFG_TITLEBAR_HEIGHT + "px";
  571. }
  572. JS.addListener(titlebarRow,"click",TaskMenu._onClick,false);
  573. JS.addListener(titlebarRow,"mouseover",TaskMenu._onMouseBehavior,false);
  574. JS.addListener(titlebarRow,"mouseout",TaskMenu._onMouseBehavior,false);
  575. with(leftCell = titlebarRow.insertCell(0))
  576. {
  577. className    = "MenuTitlebarLeft"      + fixString;
  578. style.width  = CFG_TITLEBAR_LEFT_WIDTH + "px";
  579. }
  580. leftCell.reflectClass = this;
  581. with(middleCell = titlebarRow.insertCell(1))
  582. {
  583. className    = "MenuTitlebarMiddle"      + fixString;
  584. style.width  = ( CFG_TITLEBAR_MIDDLE_WIDTH - this._getScrollWidth() ) + "px";
  585. with(this.hLabel = appendChild(document.createElement("DIV")))
  586. {
  587. className    = "MenuTitle" + fixString;
  588. style.width  = (CFG_TITLEBAR_MIDDLE_WIDTH - this._getScrollWidth()) + "px";
  589. style.height = (CFG_TITLEBAR_HEIGHT) + "px";
  590. style.lineHeight = (CFG_TITLEBAR_HEIGHT) + "px";
  591. }
  592. this.hLabel.reflectClass = this;
  593. }
  594. middleCell.reflectClass = this;
  595. with(this.hArrayCell = titlebarRow.insertCell(2))
  596. {
  597. className   = "MenuTitlebarRight" + ((this.state == TaskMenuState.close)? "_Close" : "_Open") + fixString;
  598. style.width = CFG_TITLEBAR_RIGHT_WIDTH + "px";
  599. }
  600. this.hArrayCell.reflectClass = this;
  601. this.setLabel(this.getLabel());
  602. this.titlebar.appendChild(titlebarContainer);
  603. document.body.appendChild(this.titlebar);
  605. with(this.menuBody = document.createElement("DIV"))
  606. {
  607. className     = "MenuBody"  + fixString;
  608. style.cssText = "border-width:0px " + CFG_MENUBODY_BORDER_WIDTH + "px " + CFG_MENUBODY_BORDER_WIDTH + "px " + CFG_MENUBODY_BORDER_WIDTH + "px; " + ( (this.background != null)? "background-image:url('" + this.background + "');" : "" );
  609. style.top     = ( parseInt(this.titlebar.style.top) + CFG_TITLEBAR_HEIGHT ) + "px";
  610. style.left    = CFG_DOCUMENT_MARGIN + "px";
  611. style.width   = ( CFG_MENU_WIDTH + ( (INF_IS_IEXPLORER)? 0 : - (2 * CFG_MENUBODY_BORDER_WIDTH)) - ((INF_IS_SCROLLBAR_ENABLED)? CFG_SCROLLBAR_WIDTH : 0) ) + "px";
  612. style.height  = "auto";
  613. style.padding = CFG_MENUBODY_PADDING + "px 0px";
  614. style.MozOpacity = 1.0;
  615. }
  616. document.body.appendChild(this.menuBody);
  618. if(TaskMenu.headNode == null)
  619. TaskMenu.headNode = this;
  621. else
  622. TaskMenu.rearNode.next = this;
  624. this.previous     = TaskMenu.rearNode;
  625. TaskMenu.rearNode = this;
  627. this.menuID = TaskMenu.collection.push(this) - 1;
  629. if(this.items.length > 0)
  630. {
  631. this._setMenuFixed(false);
  632. this._appendItems();
  633. this._setMenuFixed(true);
  634. }
  635. this._setMenuHeight(this._getMenuHeight());
  637. if(this.state == TaskMenuState.close)
  638. {
  639. this._fixedMenuPosWhileClose();
  640. }
  641. TaskMenu._refreshAll();
  642. }
  644. this.add  = function(taskMenuItems,iPosition)
  645. {
  646. var nItem = new Array();
  647. if(taskMenuItems instanceof Array)
  648. {
  649. for(var i = 0; i < taskMenuItems.length; i++)
  650. {
  651. if(taskMenuItems[i] instanceof TaskMenuItem)
  652. {
  653. (dstItem = (taskMenuItems[i].container == null)? taskMenuItems[i] : taskMenuItems[i].cloneNode()).container = this;
  654. nItem.push(dstItem);
  655. }
  656. }
  657. }
  658. else if(taskMenuItems instanceof TaskMenuItem)
  659. {
  660. (nItem[0] = (taskMenuItems.container == null)? taskMenuItems : taskMenuItems.cloneNode()).container = this;
  661. }
  662. else 
  663. return;
  665. if(iPosition == null || typeof iPosition != "number" || iPosition < 0 || iPosition > nItem.Length)
  666. {
  667. iPosition = this.items.length;
  668. }
  669. this.items = this.items.slice(0,iPosition).concat( nItem , this.items.slice(iPosition ) );
  671. this._setMenuFixed(true);
  672. this._clearMenu();
  673. this._appendItems();
  674. this._invalidate();
  675. }
  677. this.remove = function(arg1,arg2)
  678. {
  679. var deletedItems = new Array();
  680. if(arguments.length == 2 && typeof arg1 == "number" && typeof arg2 == "number")
  681. {
  682. deletedItems = this.items.splice(arg1,arg2);
  683. }
  684. else if(arguments.length == 1 && typeof arg1 == "number")
  685. {
  686. deletedItems = this.items.splice(arg1,1);
  687. }
  688. else if(arguments.length == 1 && arg1 instanceof TaskMenuItem)
  689. {
  690. for(var i = 0; i < this.items.length; i++)
  691. {
  692. if(this.items[i] == arg1)
  693. {
  694. deletedItems = this.items.splice(i,1);
  695. break;
  696. }
  697. }
  698. }
  699. else if(arguments.length == 0)
  700. {
  701. this.clear();
  702. }
  703. else
  704. {
  705. alert("Error at TaskMenu.remove");
  706. return;
  707. }
  708. for(var i = 0; i < deletedItems.length; i++)
  709. {
  710. deletedItems[i].container = null;
  711. }
  712. this._clearMenu();
  713. this._appendItems();
  714. this._invalidate();
  715. }
  717. this.item = function(n)
  718. {
  719. if(typeof n == "number")
  720. return this.items[n];
  721. }
  723. this.clear = function()
  724. {
  725. clearTimeout(this.transformTimer);
  726. this._removeState(TaskMenuState.transforming);
  727. this._clearItem();
  728. this._clearMenu();
  729. this._invalidate();
  730. }
  732. this.setLabel = function(label)
  733. {
  734. this.label = (label == null)? new String() : label.toString();
  735. with(this.hLabel)
  736. {
  737. (INF_IS_IEXPLORER)? innerText = this.label : textContent = this.label;
  738. }
  739. this.titlebar.title = this.label;
  740. }
  742. this.getLabel = function()
  743. {
  744. return this.label;
  745. }
  747. this.setBackground = function(srcImage)
  748. {
  749. this.background = srcImage;
  750. if(this.titlebar != null && this.menuBody != null)
  751. {
  752. if(srcImage != null)
  753. this.menuBody.style.backgroundImage = "url(" + srcImage + ")";
  754. else
  755. this.menuBody.style.backgroundImage = "url()";
  756. }
  757. }
  759. this.invalidate = function()
  760. {
  761. if(this.titlebar == null || this.menuBody == null) return;
  763. var nScrollHeight = this._getMenuHeight();
  764. var tfDistance    = nScrollHeight - this.menuBody.offsetHeight;
  766. if(tfDistance == 0) return;
  767. clearTimeout(this.transformTimer);
  768. clearTimeout(this.invalidateTimer);
  769. this._attachState(TaskMenuState.transforming);
  771. this.transformSleep = CFG_SLEEP_TIME_BEGIN;
  772. this.transformStep  = (tfDistance > 0)? Math.ceil(tfDistance / CFG_FRAME_COUNT) : Math.floor(tfDistance / CFG_FRAME_COUNT);
  774. if(this.state & TaskMenuState.closing)
  775. this.operationStep = Math.ceil(nScrollHeight / CFG_FRAME_COUNT);
  777. if(tfDistance > 0)
  778. this.invalidateTimer = setTimeout("TaskMenu.collection[" + this.menuID + "]._extend()",50);
  780. else
  781. this.invalidateTimer = setTimeout("TaskMenu.collection[" + this.menuID + "]._shorten()",50);
  782. }
  783. this.click = function()
  784. {
  785. clearTimeout(this.operationTimer);
  786. this.operationSleep = CFG_SLEEP_TIME_BEGIN;
  788. var nodeTypeFix = (this._isSpecialHeadNode())? "_Head" : "";
  789. this.operationStep = Math.ceil(this._getMenuHeight() / CFG_FRAME_COUNT);
  791. if(this.state & TaskMenuState.open || this.state & TaskMenuState.opening)
  792. {
  793. this._attachState(TaskMenuState.closing);
  794. this.hArrayCell.className = "MenuTitlebarRight_Close_MouseOver" + nodeTypeFix;
  795. this._close();
  796. }
  797. else if(this.state & TaskMenuState.close ||this.state & TaskMenuState.closing)
  798. {
  799. this._attachState(TaskMenuState.opening);
  800. this.hArrayCell.className = "MenuTitlebarRight_Open_MouseOver" + nodeTypeFix;
  801. this._open();
  802. }
  803. }
  804. }
  806. TaskMenu.headNode    = null;
  807. TaskMenu.rearNode    = null;
  808. TaskMenu.collection  = new Array();
  810. TaskMenu._isScrollbarEnabled = function()
  811. {
  812. return (TaskMenu.rearNode.menuBody.offsetTop + TaskMenu.rearNode.menuBody.offsetHeight) > document.body.clientHeight;
  813. }
  815. TaskMenu._isScrollbarChanged = function()
  816. {
  817. var currentScrollbarStatus;
  818. try
  819. {
  820. currentScrollbarStatus = TaskMenu._isScrollbarEnabled();
  821. return INF_IS_SCROLLBAR_ENABLED != currentScrollbarStatus;
  822. }
  823. catch(ex)
  824. {
  825. return false;
  826. }
  827. finally
  828. {
  829. INF_IS_SCROLLBAR_ENABLED = currentScrollbarStatus;
  830. }
  831. }
  833. TaskMenu._onClick = function()
  834. {
  835. var srcElement = JS.getSourceElement(arguments[0]);
  836. var srcMenu = srcElement.reflectClass;
  837. if(srcMenu != null)
  838. {
  839. srcMenu.click();
  840. }
  841. }
  843. TaskMenu._onMouseBehavior = function()
  844. {
  845. var refMenu = JS.getSourceElement(arguments[0]).reflectClass;
  847. var nodeTypeFix = (refMenu._isSpecialHeadNode())? "_Head" : "";
  848. var behaviorFix = (arguments[0].type.toUpperCase() == "MOUSEOVER")? "_MouseOver" : "";
  850. refMenu.hLabel.className = "MenuTitle" + behaviorFix + nodeTypeFix;
  851. if( (refMenu.state & TaskMenuState.open) || (refMenu.state & TaskMenuState.opening) )
  852. {
  853. refMenu.hArrayCell.className = "MenuTitlebarRight_Open" + behaviorFix + nodeTypeFix;
  854. }
  855. else if( (refMenu.state & TaskMenuState.close) || (refMenu.state & TaskMenuState.closing) )
  856. {
  857. refMenu.hArrayCell.className = "MenuTitlebarRight_Close" + behaviorFix + nodeTypeFix;
  858. }
  859. }
  861. TaskMenu._invalidateAll = function()
  862. {
  863. for(var i = 0; i < TaskMenu.collection.length; i++)
  864. {
  865. TaskMenu.collection[i]._fixMenuWidth();
  866. }
  867. }
  869. TaskMenu._refreshAll = function()
  870. {
  871. if( CFG_IS_SCROLLBAR_ENABLED )
  872. if(TaskMenu._isScrollbarChanged())
  873. {
  874. TaskMenu._invalidateAll();
  875. }
  876. }
  878. TaskMenu.setStyle = function(strCssFile)
  879. {
  880. var HeadElement = document.getElementsByTagName("HEAD")[0];
  881. var cssFileID   = "__TaskMenuCssFile__";
  882. while(document.getElementById("TaskMenuCssFile") != null)
  883. {
  884. try
  885. {
  886. HeadElement.removeChild(document.getElementById(cssFileID ));
  887. }
  888. catch(ex)
  889. {}
  890. }
  891. with(HeadElement.appendChild(document.createElement("LINK")))
  892. {
  893. id = cssFileID; href = strCssFile; rel = "stylesheet"; type = "text/css";
  894. }
  895. }
  897. TaskMenu.setAutoBehavior = function(value)
  898. {
  899. INF_IS_MENU_BEHAVIOR_AUTO = (value == false)? false : true;
  900. }
  902. TaskMenu.setHeadMenuSpecial = function(value)
  903. {
  904. CFG_IS_SPECIAL_HEAD_NODE = (value == true)? true : false;
  905. }
  907. TaskMenu.setScrollbarEnabled = function(value)
  908. {
  909. CFG_IS_SCROLLBAR_ENABLED = (value == false)? false : true;
  910. try
  911. {
  912. if(CFG_IS_SCROLLBAR_ENABLED)
  913. document.body.style.overflowY = "auto";
  915. else
  916. document.body.style.overflowY = "hidden";
  917. }
  918. catch(ex)
  919. {
  920. alert(ex.description);
  921. }
  922. }
  924. function JS()
  925. {}
  926. JS.getSourceElement = function(evt)
  927. {
  928. return (evt.target == null)? evt.srcElement : evt.target;
  929. }
  930. JS.addListener = function(obj,eventName,callbackFunction,flag)
  931. { 
  932. if(obj.attachEvent)
  933. obj.attachEvent("on" + eventName,callbackFunction);
  934. else if(obj.addEventListener)
  935. obj.addEventListener(eventName,callbackFunction,flag);
  936. else
  937. eval("obj.on" + eventName + "=" + callbackFunction);
  938. }
  939. JS.removeListener = function(obj,eventName,callbackFunction,flag)
  940. { 
  941. if(obj.detachEvent)
  942. obj.detachEvent("on" + eventName,callbackFunction);
  943. else if (obj.removeEventListener)
  944. obj.removeEventListener(eventName,callbackFunction,flag);
  945. else
  946. eval("obj.on" + eventName + "= new Function()");
  947. }
  949. JS.addListener(window,"resize",new Function("setTimeout("TaskMenu._refreshAll()",30);"),false);
  950. JS.addListener(window,"error",new Function("return true"),false);