home *** CD-ROM | disk | FTP | other *** search
/ Australian Personal Computer 2000 November / APC5112K.ISO / patch / microsoft / i386 / appwiz.cp_ / appwiz.cpl / HTML / PLACES.HTC < prev    next >
Encoding:
Text File  |  2000-07-21  |  12.7 KB  |  543 lines
  1. <PUBLIC:HTC URN="shellctls"><METHOD name="SetExecButton" /><METHOD name="ShowButton" /><METHOD name="focus" /><METHOD name="blur" /><EVENT id=onSelectItem name="onSelectItem" /><EVENT id=onExecItem name="onExecItem" /><EVENT id=onComplete name="onComplete" /><ATTACH event="oncontentready" handler=_OnContentReady /><ATTACH event="ondragstart" handler=_CancelDragStart /><SCRIPT language="javascript">
  2. var _bLoading = true; 
  3. var _iBtnPressed = -1; 
  4. var _iBtnHot = -1; 
  5. var _iBtnTabIndex = -1; 
  6. var _iBtnCapture = -1; 
  7. var _cButtons = 0; 
  8. var _rgbtn = new Array(); 
  9. var _rgdivButtons = new Array(); 
  10. var _styleinfo = null; 
  11. var _mpStyle = new Object(); 
  12. var _bHasFocus = false; 
  13. var _bInternalFocusChange = false; 
  14. var BS_PRESSED = 0x01;
  15. var BS_HOT = 0x02;
  16. var c_szStyle_ButtonNormal = 
  17. ' style="'                      +
  18.         'position:relative; '           +
  19.         'padding:2px; '                 +
  20.         'border-style:solid; '          +
  21.         'border-width:1px; '            +
  22.         'border-top-color:threedshadow; '    +
  23.         'border-left-color:threedshadow; '   +
  24.         'border-right-color:threedshadow; '  +
  25.         'border-bottom-color:threedshadow; ' +
  26.         '"';
  27. var c_szStyle_ButtonText = 
  28. ' style="'                      +
  29.         'position:relative; '           +
  30.         'color:white; '                 +
  31.         'cursor:default; '              +
  32.         '"';
  33. var c_szStyle_Background = 
  34. ' style="'                      +
  35.         'position:relative; '           +
  36.         'width:87px; '                  +
  37.         'height:100%; '                 +
  38.         'padding:2px; '                 +
  39.         'background-color:threedshadow; ' +
  40.         '"';
  41. element.attachEvent("onerror", _OnError);
  42. _GetPropertyDefaults();
  43. function get_button() { return _iBtnPressed; }
  44. function put_button(iBtn) 
  45. { 
  46. if (_bLoading)
  47. return;
  48. _PushButton(parseInt(iBtn), 0);
  49. }
  50. function _OnContentReady()
  51. {
  52. _bLoading = false;
  53. _ScanSpecialElements();
  54. _CreateHTML();
  55. }
  56. function _OnDocumentLoad()
  57. {
  58. _Initialize();
  59. }
  60. function _GetPropertyDefaults()
  61. {
  62. if (element.currentButton)
  63. _iBtnPressed = parseInt(element.currentButton);
  64. }
  65. function _IDName(szID, idx)
  66. {
  67. return szID + idx + '_' + uniqueID;
  68. }
  69. function _StoreButton(elem, ibtn)
  70. {
  71. var btn = new Object;
  72. var szBtnIndex = ' _ibtn=' + ibtn;
  73. var L_PlacesGraphic_Text = 'Graphic';
  74. btn.id = elem.id;
  75. btn._idBtn = _IDName('idBtn', ibtn);
  76. btn._ibtn = ibtn;
  77. btn._idBR = _IDName('idBtnBR', ibtn);
  78. btn._bHidden = false;
  79. if ("undefined" != typeof elem.execItem)
  80. btn._bExecButton = true;
  81. else
  82. btn._bExecButton = false;
  83. btn.innerHTML = 
  84. '<DIV id=' + btn._idBtn + c_szStyle_ButtonNormal + szBtnIndex + ' _btnState=0> ' +
  85. '   <CENTER id=' + _IDName('idCtr', ibtn) + szBtnIndex + '> ' +
  86. '       <IMG id=' + _IDName('idImg', ibtn) + ' style="position:relative" src=' + elem.img + szBtnIndex + ' title="" alt="' + L_PlacesGraphic_Text + '" >' +
  87. '       <BR>' +
  88. '       <SPAN id=' + _IDName('idSpan', ibtn) + c_szStyle_ButtonText + szBtnIndex + ' nofocusrect>' + 
  89. elem.innerHTML + 
  90. '       </SPAN>' +
  91. '   </CENTER> ' + 
  92. '</DIV>';
  93. _rgbtn[ibtn] = btn;
  94. }
  95. function _ScanSpecialElements()
  96. {
  97. var i;
  98. var rgspan = element.all.tags("SPAN");
  99. var cspan = rgspan.length;
  100. for (i = 0; i < cspan; i++)
  101. {
  102. var span = rgspan[i];
  103. _StoreButton(span, _cButtons++);
  104. span.innerHTML = "";
  105. }
  106. }
  107. function _CreateHTML()
  108. {
  109. var i;
  110. var szButtons = '';
  111. element.style.visibility = 'hidden';
  112. for (i = 0; i < _cButtons; i++)
  113. {
  114. szButtons = szButtons + _rgbtn[i].innerHTML + '<BR id=' + _rgbtn[i]._idBR + '>';
  115. }
  116. element.innerHTML = 
  117. '<DIV ' + c_szStyle_Background + ' _ibtn=-1> ' + 
  118. szButtons + 
  119. '</DIV>';
  120. var rgdivs = element.all.tags("DIV");
  121. for (i = 0; i < _cButtons; i++)
  122. {
  123. var elem = rgdivs[_rgbtn[i]._idBtn];
  124. _rgdivButtons[i] = elem;
  125. elem.attachEvent('onmouseover', _OnMouseOver);
  126. elem.attachEvent('onmouseout', _OnMouseOut);
  127. elem.attachEvent('onmousedown', _OnMouseDown);
  128. elem.attachEvent('onmouseup', _OnMouseUp);
  129. var spanCaption = _GetCaptionElem(i);
  130. spanCaption.attachEvent('onblur', _OnBlurDiv);
  131. spanCaption.attachEvent('onfocus', _OnFocusDiv);
  132. spanCaption.attachEvent('onkeydown', _OnKeyDownDiv);
  133. elem.all(_IDName('idCtr', i)).attachEvent('ondragstart', _CancelDragStart);
  134. }
  135. window.attachEvent("onload", _OnDocumentLoad);
  136. _FireComplete();
  137. element.style.visibility = 'visible';
  138. }
  139. function _Initialize()
  140. {
  141. if (-1 != _iBtnPressed)
  142. {
  143. var ibtn = _iBtnPressed;
  144. _iBtnPressed = -1;
  145. _PushButton(ibtn, 0);
  146. }
  147. window.document.attachEvent("onkeydown", _OnKeyDownDocument);
  148. }
  149. function _BtnFromElement(elem)
  150. {
  151. var ibtn = -1;
  152. if (elem && null == elem._ibtn)
  153. {
  154. while (elem)
  155. {
  156. if (elem._ibtn)
  157. break;
  158. elem = elem.parentElement;
  159. }
  160. }
  161. if (elem)
  162. ibtn = elem._ibtn;
  163. return ibtn;
  164. }
  165. function _BtnFromID(idBtn)
  166. {
  167. var ibtn;
  168. for (ibtn = 0; ibtn < _rgbtn.length; ibtn++)
  169. {
  170. if (idBtn == _rgbtn[ibtn].id)
  171. return ibtn;
  172. }
  173. return -1;
  174. }
  175. function _DrawButtonFrame(elem, szState)
  176. {
  177. switch (szState)
  178. {
  179. case 'normal':
  180. elem.style.borderTopColor = 'threedshadow';
  181. elem.style.borderLeftColor = 'threedshadow';
  182. elem.style.borderRightColor = 'threedshadow';
  183. elem.style.borderBottomColor = 'threedshadow';
  184. break;
  185. case 'hotitem':
  186. elem.style.borderTopColor = 'threedhighlight';
  187. elem.style.borderLeftColor = 'threedhighlight';
  188. elem.style.borderRightColor = 'threeddarkshadow';
  189. elem.style.borderBottomColor = 'threeddarkshadow';
  190. break;
  191. case 'pushed':
  192. elem.style.borderTopColor = 'threeddarkshadow';
  193. elem.style.borderLeftColor = 'threeddarkshadow';
  194. elem.style.borderRightColor = 'threedhighlight';
  195. elem.style.borderBottomColor = 'threedhighlight';
  196. break;
  197. }
  198. }
  199. function _DrawButton(ibtn, bDown)
  200. {
  201. var div = _rgdivButtons[ibtn];
  202. var bDownCur = (div._btnState & BS_PRESSED) ? true : false;
  203. var elemImg = div.all(_IDName('idImg', div._ibtn));
  204. var elemText = div.all(_IDName('idSpan', div._ibtn));
  205. if (bDownCur == bDown)
  206. return; 
  207. if (bDown)
  208. {
  209. _DrawButtonFrame(div, 'pushed');
  210. elemImg.style.pixelLeft = elemImg.style.pixelLeft + 1;
  211. elemImg.style.pixelTop = elemImg.style.pixelTop + 1;
  212. elemText.style.pixelLeft = elemText.style.pixelLeft + 1;
  213. elemText.style.pixelTop = elemText.style.pixelTop + 1;
  214. div._btnState |= BS_PRESSED;
  215. }
  216. else
  217. {
  218. if (ibtn == _iBtnHot)
  219. _DrawButtonFrame(div, 'hotitem');
  220. else
  221. _DrawButtonFrame(div, 'normal');
  222. elemImg.style.pixelLeft = elemImg.style.pixelLeft - 1;
  223. elemImg.style.pixelTop = elemImg.style.pixelTop - 1;
  224. elemText.style.pixelLeft = elemText.style.pixelLeft - 1;
  225. elemText.style.pixelTop = elemText.style.pixelTop - 1;
  226. div._btnState &= ~ BS_PRESSED;
  227. }
  228. }
  229. function _GetCaptionElem(ibtn)
  230. {
  231. var spanCaption = null;
  232. var div = _rgdivButtons[ibtn];
  233. if (div)
  234. spanCaption = div.children[0].children[2];
  235. return spanCaption;
  236. }
  237. function _SetTabIndex(ibtn, bSetFocus)
  238. {
  239. if (ibtn == _iBtnTabIndex)
  240. return;
  241. var elem = _GetCaptionElem(_iBtnTabIndex);
  242. if (elem)
  243. elem.tabIndex = -1; 
  244. elem = _GetCaptionElem(ibtn);
  245. if (elem)
  246. {
  247. elem.tabIndex = 0; 
  248. if (bSetFocus)
  249. {
  250. _bInternalFocusChange = true;
  251. elem.focus();
  252. }
  253. }
  254. _iBtnTabIndex = ibtn;
  255. }
  256. var PBF_SETFOCUS = 0x01;
  257. var PBF_MOUSE = 0x02;
  258. function _PushButton(ibtn, dwFlags)
  259. {
  260. var btn = _rgbtn[ibtn];
  261. if (btn && btn._bHidden)
  262. {
  263. return;
  264. }
  265. if (btn && btn._bExecButton)
  266. {
  267. _DrawButton(ibtn, false);
  268. _FireExecItem(btn);
  269. }
  270. else
  271. {
  272. if ((dwFlags & PBF_MOUSE) && ibtn == _iBtnPressed)
  273. return;
  274. if (-1 != _iBtnPressed && ibtn != _iBtnPressed)
  275. {
  276. _DrawButton(_iBtnPressed, false);
  277. }
  278. _iBtnPressed = ibtn;
  279. _SetTabIndex(ibtn, dwFlags & PBF_SETFOCUS);
  280. if (0 <= _iBtnPressed && _iBtnPressed < _cButtons)
  281. {
  282. _DrawButton(_iBtnPressed, true);
  283. _FireSelectItem(btn);
  284. }
  285. }
  286. }
  287. var SHIF_SETTABINDEX = 0x01;
  288. var SHIF_RESETTABSTOP = 0x02;
  289. var SHIF_MOUSE = 0x04;
  290. function _SetHotItem(ibtn, dwFlags)
  291. {
  292. var div;
  293. if (ibtn == _iBtnHot)
  294. return;
  295. if (-1 != _iBtnHot && _iBtnHot != ibtn)
  296. {
  297. div = _rgdivButtons[_iBtnHot];
  298. if (_iBtnHot == _iBtnPressed)
  299. _DrawButtonFrame(div, 'pushed');
  300. else
  301. _DrawButtonFrame(div, 'normal');
  302. }
  303. if (-1 != ibtn)
  304. {
  305. div = _rgdivButtons[ibtn];
  306. if ( !(dwFlags & SHIF_MOUSE) || ibtn != _iBtnPressed)
  307. _DrawButtonFrame(div, 'hotitem');
  308. }
  309. _iBtnHot = ibtn;
  310. if (dwFlags & SHIF_SETTABINDEX)
  311. {
  312. if (dwFlags & SHIF_RESETTABSTOP)
  313. {
  314. _SetTabIndex(_iBtnPressed, false);
  315. }
  316. else
  317. {
  318. _SetTabIndex(ibtn, true);
  319. }
  320. }
  321. }
  322. function _FireSelectItem(btn)
  323. {
  324. var evt = createEventObject();
  325. evt.srcID = btn.id;
  326. onSelectItem.fire(evt);
  327. }
  328. function _FireExecItem(btn)
  329. {
  330. var evt = createEventObject();
  331. evt.srcID = btn.id;
  332. onExecItem.fire(evt);
  333. }
  334. function _FireComplete()
  335. {
  336. var evt = createEventObject();
  337. onComplete.fire(evt);
  338. }
  339. var LMOUSE_BUTTON = 1
  340. function _OnMouseDown()
  341. {
  342. var ibtn = _BtnFromElement(window.event.srcElement);
  343. var div;
  344. if (LMOUSE_BUTTON != window.event.button)
  345. return;
  346. _DrawButton(ibtn, true);
  347. _iBtnCapture = ibtn;
  348. div = _rgdivButtons[ibtn];
  349. div.setCapture(false);
  350. }
  351. function _OnMouseUp()
  352. {
  353. var ibtn = _BtnFromElement(window.event.srcElement);
  354. if (LMOUSE_BUTTON != window.event.button)
  355. return;
  356. if (-1 != _iBtnCapture)
  357. {
  358. var div = _rgdivButtons[_iBtnCapture];
  359. div.releaseCapture();
  360. if (_iBtnCapture != ibtn)
  361. _DrawButton(_iBtnCapture, (_iBtnPressed == _iBtnCapture));
  362. if (-1 != ibtn && ibtn == _iBtnCapture)
  363. _PushButton(ibtn, PBF_SETFOCUS | PBF_MOUSE);
  364. _iBtnCapture = -1;
  365. }
  366. }
  367. function _OnMouseOver()
  368. {
  369. var ibtnTo = _BtnFromElement(window.event.toElement);
  370. var ibtnFrom = _BtnFromElement(window.event.fromElement);
  371. if (-1 != _iBtnCapture)
  372. {
  373. if (ibtnTo == _iBtnCapture && ibtnFrom != _iBtnCapture)
  374. {
  375. _DrawButton(_iBtnCapture, true);
  376. }
  377. }
  378. else
  379. {
  380. _SetHotItem(ibtnTo, SHIF_MOUSE);
  381. }
  382. }
  383. function _OnMouseOut()
  384. {
  385. var event = window.event;
  386. var ibtnTo = _BtnFromElement(event.toElement);
  387. var ibtnFrom = _BtnFromElement(event.fromElement);
  388. if (ibtnTo != ibtnFrom)
  389. {
  390. _SetHotItem(-1, SHIF_MOUSE);
  391. if (ibtnFrom == _iBtnCapture && _iBtnCapture != _iBtnPressed)
  392. _DrawButton(_iBtnCapture, false);
  393. }
  394. }
  395. var CYCLE_PUSHED = 1;
  396. var CYCLE_HOT = 2;
  397. function _CycleButton(bDown, ibtnStart, cycle)
  398. {
  399. var ibtn = ibtnStart;
  400. var n = bDown ? 1 : -1;
  401. var btn;
  402. var cbtns = 0;
  403. while (true)
  404. {
  405. if (++cbtns > _cButtons)
  406. break; 
  407. if (bDown)
  408. ibtn = (ibtn + 1) % _cButtons;
  409. else
  410. ibtn = ((ibtn - 1) + _cButtons) % _cButtons;
  411. btn = _rgbtn[ibtn];
  412. if (CYCLE_PUSHED == cycle)
  413. {
  414. if (ibtn == _iBtnPressed || btn._bExecButton || btn._bHidden)
  415. continue; 
  416. else
  417. break;
  418. }
  419. else 
  420. {
  421. if (btn._bHidden)
  422. continue; 
  423. else
  424. break;
  425. }
  426. }
  427. return ibtn;
  428. }
  429. function _CycleHotItem(bDown)
  430. {
  431. _SetHotItem(_CycleButton(bDown, _iBtnHot, CYCLE_HOT), SHIF_SETTABINDEX);
  432. }
  433. function _CyclePushedButton(bDown)
  434. {
  435. _PushButton(_CycleButton(bDown, _iBtnPressed, CYCLE_PUSHED), 0);
  436. }
  437. function SetExecButton(idBtn, bVal)
  438. {
  439. var ibtn = _BtnFromID(idBtn);
  440. if (-1 != ibtn)
  441. {
  442. _rgbtn[ibtn]._bExecButton = bVal;
  443. }
  444. }
  445. function ShowButton(idBtn, bShow)
  446. {
  447. var ibtn = _BtnFromID(idBtn);
  448. if (-1 != ibtn)
  449. {
  450. var btn = _rgbtn[ibtn];
  451. if (btn)
  452. {
  453. var idBtnUnique = btn._idBtn;
  454. var elemBtn = element.all[idBtnUnique];
  455. if (bShow)
  456. {
  457. elemBtn.style.display = 'block';
  458. element.all[btn._idBR].style.display = 'block';
  459. }
  460. else
  461. {
  462. elemBtn.style.display = 'none';
  463. element.all[btn._idBR].style.display = 'none';
  464. }
  465. btn._bHidden = !bShow;
  466. }
  467. }
  468. }
  469. function focus()
  470. {
  471. var div = _rgdivButtons[_iBtnTabIndex];
  472. if (div)
  473. div.focus();
  474. }
  475. function blur()
  476. {
  477. var div = _rgdivButtons[_iBtnTabIndex];
  478. if (div)
  479. div.blur();
  480. }
  481. var KC_LEFT = 37;
  482. var KC_UP = 38;
  483. var KC_RIGHT = 39;
  484. var KC_DOWN = 40;
  485. var KC_SPACE = 32;
  486. var KC_RETURN = 13;
  487. var KC_TAB = 9;
  488. function _OnKeyDownDocument()
  489. {
  490. var evt = window.event;
  491. if (KC_TAB == evt.keyCode && evt.ctrlKey)
  492. {
  493. var bDir = evt.shiftKey ? false : true;
  494. _CyclePushedButton(bDir);
  495. evt.returnValue = false;
  496. }
  497. }
  498. function _OnKeyDownDiv()
  499. {
  500. var keyCode = window.event.keyCode;
  501. if (KC_UP == keyCode || KC_LEFT == keyCode)
  502. {
  503. _CycleHotItem(false);
  504. window.event.returnValue = false;
  505. }
  506. else if (KC_DOWN == keyCode || KC_RIGHT == keyCode)
  507. {
  508. _CycleHotItem(true);
  509. window.event.returnValue = false;
  510. }
  511. else if (KC_SPACE == keyCode || KC_RETURN == keyCode)
  512. {
  513. _PushButton(_iBtnHot, PBF_SETFOCUS);
  514. }
  515. }
  516. function _OnBlurDiv()
  517. {
  518. if (false == _bInternalFocusChange && true == _bHasFocus)
  519. {
  520. _bHasFocus = false;
  521. _SetHotItem(-1, SHIF_SETTABINDEX | SHIF_RESETTABSTOP);
  522. }
  523. }
  524. function _OnFocusDiv()
  525. {
  526. if (false == _bInternalFocusChange && false == _bHasFocus && 
  527. "complete" == window.document.readyState)
  528. {
  529. _bHasFocus = true;
  530. _CycleHotItem(true);
  531. }
  532. _bInternalFocusChange = false; 
  533. }
  534. function _OnError(szMsg, szUrl, iLine)
  535. {
  536. alert("An unexpected error occurred.\n\n" + szMsg + "\n" + szUrl + "\nLine: " + iLine);
  537. return true; 
  538. }
  539. function _CancelDragStart()
  540. {
  541. window.event.returnValue = false;
  542. }
  543. </SCRIPT><PROPERTY name="currentButton" get=get_button put=put_button /></PUBLIC:HTC>