home *** CD-ROM | disk | FTP | other *** search
/ Chip: Shareware for Win 95 / Chip-Shareware-Win95.bin / komunik / ie40 / ie4nt_s2.cab / IE4NT_2.CAB / MSHTML.DLL / 2110 / GOBOOK.DLG < prev    next >
Encoding:
Text File  |  1997-07-12  |  11.2 KB  |  473 lines
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML 3.2//EN">
  2. <HTML>
  3. <HEAD>
  4. <TITLE id=dialogTitle>
  5. Go To Bookmark
  6. </TITLE>
  7. <!-- TO DO
  8. * Need robust method of determining whether the current selection contains
  9.  an anchor element. The current implementation in loadBdy() will
  10.  fail if text preceding the anchor tag in the document is selected. PM
  11.  (scotti) is working on providing a method to do this.
  12. * (TASK #2) Tab order
  13. * (TASK #5) No way to change button caption
  14. * (RAID #8892) Can't create Option object with new operator
  15.  Affects selBookmark_fill().
  16. * (RAID #9255) Can't use arrow keys to move between radio buttons
  17.  Affects usability.
  18. * (RAID #10031) Parent of <HTML> element is not null. Result is error
  19.  when parent of <HTML> is accessed. This will occur during initialization.
  20. * (RAID #10321) Wrong answer returned when comparing anchor href and name
  21.  properties to null.
  22.  Affects isLink(). Can't test bookmarkDelete() until it's fixed.
  23. -->
  24. <!-- NOTES
  25. * Expando properties
  26. * Object: selBookmark.option
  27.  * exAnchor: a reference to the anchor that corresponds to the entry.
  28.     This is used to access properties of a particular anchor
  29.     directly.
  30.  * exDocIndex: 0-based index corresponding to the order in which the
  31.     bookmark appears in the document. This property is used
  32.     when sorting the bookmarks by index. Reloading the
  33.     bookmarks from the document wasn't a viable solution
  34.     because it doesn't provide a way to remember which
  35.     bookmark(s) were selected.
  36. * Object: btnNext
  37.  * exState: Should the button execute the GoTo action or the Next
  38.     action?
  39. -->
  40. <SCRIPT LANGUAGE=JavaScript>
  41. var cmdDeleteBookmark  = "UnBookmark";
  42. function expandoOn()
  43. {
  44.  document.expando = true;
  45. } 
  46. function expandoOff()
  47. {
  48.  document.expando = false;
  49. } 
  50. function hasID(object)
  51. {
  52.  return null != object.id;
  53. } 
  54. function isLink (anchor)
  55. {
  56.  return null != anchor.href;
  57. } 
  58.  function selSortByName(sel)
  59.  {
  60.    var    index1;
  61.    var    index2;
  62.    var    textTemp;
  63.    var  selectedTemp;
  64.  var  anchorTemp;
  65.  var  docIndexTemp;
  66.  expandoOn();
  67.    for (index1 = 1; index1 < sel.options.length; index1++)
  68.    {
  69.   with (sel.options[index1])
  70.   {
  71.    textTemp  = text;
  72.    selectedTemp = selected;
  73.    anchorTemp = exAnchor;
  74.    docIndexTemp = exDocIndex;
  75.   }
  76.      for (index2 = index1 - 1;
  77.         index2 >= 0 && textTemp < sel.options[index2].text;
  78.         index2--)
  79.      {
  80.    with (sel.options[index2 + 1])
  81.    {
  82.     text  = sel.options[index2].text;
  83.     selected = sel.options[index2].selected;
  84.     exAnchor = sel.options[index2].exAnchor;
  85.     exDocIndex = sel.options[index2].exDocIndex;
  86.    }
  87.      }
  88.   with (sel.options[index2 + 1])
  89.   {
  90.    text  = textTemp;
  91.    selected = selectedTemp;
  92.    exAnchor = anchorTemp;
  93.    exDocIndex = docIndexTemp;
  94.   }
  95.    }
  96.  expandoOff();
  97.  }  
  98. function selSortByIndex(sel)
  99. {
  100.    var    index1;
  101.    var    index2;
  102.    var    textTemp;
  103.    var  selectedTemp;
  104.  var  anchorTemp;
  105.  var  docIndexTemp;
  106.  expandoOn();
  107.    for (index1 = 1; index1 < sel.options.length; index1++)
  108.    {
  109.   with (sel.options[index1])
  110.   {
  111.    textTemp  = text;
  112.    selectedTemp = selected;
  113.    anchorTemp = exAnchor;
  114.    docIndexTemp = exDocIndex;
  115.   }
  116.      for (index2 = index1 - 1;
  117.         index2 >= 0 && docIndexTemp < sel.options[index2].exDocIndex;
  118.         index2--)
  119.      {
  120.    with (sel.options[index2 + 1])
  121.    {
  122.     text  = sel.options[index2].text;
  123.     selected = sel.options[index2].selected;
  124.     exAnchor  = sel.options[index2].exAnchor;
  125.     exDocIndex = sel.options[index2].exDocIndex;
  126.    }
  127.      }
  128.   with (sel.options[index2 + 1])
  129.   {
  130.    text  = textTemp;
  131.    selected = selectedTemp;
  132.    exAnchor = anchorTemp;
  133.    exDocIndex = docIndexTemp;
  134.   }
  135.    }
  136.  expandoOff();
  137. } 
  138. function number(string)
  139. {
  140.  return parseFloat(string);
  141. } 
  142. </SCRIPT>
  143. <SCRIPT LANGUAGE=JavaScript>
  144. var L_GoToBookmark_DIALOG_Left_Number = number("50");
  145. var L_GoToBookmark_DIALOG_Top_Number = number("100");
  146. var L_GoToBookmark_DIALOG_Width_Number = number("450");
  147. var L_GoToBookmark_DIALOG_Height_Number = number("250");
  148. var L_BookmarkHasID_Text =
  149. "This bookmark contains an ID attribute. Are you sure want to delete it?";
  150. </SCRIPT>
  151. <SCRIPT LANGUAGE="JavaScript">
  152. expandoOff();
  153. var STATE_GOTO    = 0; 
  154. var STATE_NEXT    = 1; 
  155. var htmlConfirmYes   = 6;
  156. var htmlConfirmNo   = 7;
  157. window.dialogLeft  = L_GoToBookmark_DIALOG_Left_Number;
  158. window.dialogTop   = L_GoToBookmark_DIALOG_Top_Number;
  159. window.dialogWidth  = L_GoToBookmark_DIALOG_Width_Number;
  160. window.dialogHeight  = L_GoToBookmark_DIALOG_Height_Number;
  161. gdoc = window.dialogArguments.document;
  162. function selBookmark_fill()
  163. {
  164.  var  index;
  165.  expandoOn();
  166.  for (index = 0; index < selBookmark.options.length; index++)
  167.  {
  168.   selBookmark.options[index].exAnchor  = gdoc.anchors[index];
  169.   selBookmark.options[index].exDocIndex = index;
  170.  }
  171.  expandoOff();
  172. } 
  173. function selCount(sel)
  174. {
  175.  var index;
  176.  var indexMax = sel.options.length;
  177.  var cSelected = 0;
  178.  for (index = 0; index < indexMax; index++)
  179.  {
  180.   if (sel.options[index].selected)
  181.   {
  182.    cSelected++;
  183.   }
  184.  }
  185.  return cSelected;
  186. } 
  187. function bookmarkDelete(opt)
  188. {
  189.  var  anchor  = opt.exAnchor;
  190.  if (isLink(anchor))
  191.  {
  192.   anchor.name = "";
  193.  }
  194.  else
  195.  {
  196.   if (hasID(anchor))  
  197.   {
  198.    var rc = confirm(L_BookmarkHasID_Text);
  199.    if (rc == htmlConfirmYes)
  200.    {
  201.     rng = gdoc.rangeFromElement(anchor);
  202.     rng.execCommand(cmdDeleteBookmark);
  203.    }
  204.    else
  205.    {
  206.     anchor.name = "";
  207.    }
  208.   }
  209.   else        
  210.   {
  211.    rng = gdoc.rangeFromElement(anchor);
  212.    rng.execCommand(cmdDeleteBookmark);
  213.   }
  214.  }
  215. } 
  216. function bookmarkScroll(opt)
  217. {
  218.  if (null == opt)
  219.  {
  220.   return;
  221.  }
  222.  opt.exAnchor.scrollIntoView(true);
  223. } 
  224. function btnNextSetState()
  225. {
  226.  if ((1 != selCount(selBookmark)) ||
  227.   ((STATE_NEXT == btnNext.exState) &&
  228.   (selBookmark.options.length - 1 == selBookmark.selectedIndex)))
  229.  {
  230.   btnNext.disabled = true;
  231.  }
  232.  else
  233.  {
  234.   btnNext.disabled = false;
  235.  }
  236. } 
  237. function btnPrevSetState()
  238. {
  239.  if ((0 == selBookmark.selectedIndex) || (1 < selCount(selBookmark))
  240.   || (0 == selBookmark.options.length))
  241.  {
  242.   btnPrev.disabled = true;
  243.  }
  244.  else
  245.  {
  246.   btnPrev.disabled = false;
  247.  }
  248. } 
  249. function btnDeleteSetState()
  250. {
  251.  if (0 == selCount(selBookmark))
  252.  {
  253.   btnDelete.disabled = true;
  254.  }
  255.  else
  256.  {
  257.   btnDelete.disabled = false;
  258.  }
  259. } 
  260. function loadBdy()
  261. {
  262.  var name;
  263.  expandoOn();
  264.  btnNext.exState = STATE_GOTO;
  265.  expandoOff();
  266.  btnNextSetState();
  267.  btnPrevSetState();
  268.  btnDeleteSetState();
  269.  selBookmark_fill();
  270.  name = "";
  271.  rng = gdoc.selection.createRange();
  272.  rng.collapse(true);
  273.  elm = rng.parentElement();
  274.  while(elm.tagName != "HTML")
  275.  {
  276.   if (elm.tagName == "A")
  277.   {
  278.    name = elm.name;
  279.    break;
  280.   }
  281.   elm = elm.parentElement;
  282.  }
  283.  if (name != "")
  284.  {
  285.   for (index = 0; index < selBookmark.options.length; index++)
  286.   {
  287.    if (selBookmark.options[index].text == name)
  288.    {
  289.     selBookmark.options[index].selected = true;
  290.     break;
  291.    }
  292.   }
  293.  }
  294. } 
  295. function onCmdGoto()
  296. {
  297.  bookmarkScroll(selBookmark.options[selBookmark.selectedIndex]);
  298.  btnPrevSetState();
  299.  btnNextSetState();
  300. } 
  301. function onCmdNext()
  302. {
  303.  selBookmark.selectedIndex++;
  304.  bookmarkScroll(selBookmark.options[selBookmark.selectedIndex]);
  305.  btnPrevSetState();
  306.  btnNextSetState();
  307. } 
  308. function onCmdPrevious()
  309. {
  310.  selBookmark.selectedIndex--;
  311.  bookmarkScroll(selBookmark.options[selBookmark.selectedIndex]);
  312.  btnNextSetState();
  313.  btnPrevSetState();
  314. } 
  315. function onCmdDelete()
  316. {
  317.  var  index;
  318.  var  indexMax;
  319.  for (index = selBookmark.selectedIndex, indexMax = selBookmark.options.length;
  320.    index < indexMax;
  321.    index++)
  322.  {
  323.   if (selBookmark.options[index].selected)
  324.   {
  325.    bookmarkDelete(selBookmark.options[index]);
  326.   }
  327.  }
  328.  window.close();
  329. } 
  330. function onCmdCancel()
  331. {
  332.  window.close();
  333. } 
  334. </SCRIPT>
  335. <SCRIPT LANGUAGE=JavaScript FOR=document EVENT="onkeypress()">
  336. var htmlKeyReturn = 13;
  337. var htmlKeyEscape = 27;
  338. if (event.keyCode == htmlKeyReturn)  
  339. {
  340.  if (btnNext.exState == STATE_GOTO)
  341.  {
  342.   onCmdGoto();
  343.  }
  344.  else
  345.  {
  346.   onCmdNext();
  347.  }
  348. }
  349. if (event.keyCode == htmlKeyEscape)  
  350. {
  351.  onCmdCancel();
  352. }
  353. </SCRIPT>
  354. <SCRIPT LANGUAGE=JavaScript FOR=selBookmark EVENT="dblClick()">
  355. {
  356.  onCmdGoto();
  357. } 
  358. </SCRIPT>
  359. <SCRIPT Language=JavaScript FOR=selBookmark Event="keyUp(shift)">
  360. {
  361.  btnPrevSetState();
  362.  btnNextSetState();
  363.  btnDeleteSetState();
  364. } 
  365. </SCRIPT>
  366. <SCRIPT Language=JavaScript FOR=selBookmark Event="onclick()">
  367. {
  368.  btnPrevSetState();
  369.  btnNextSetState();
  370.  btnDeleteSetState();
  371. } 
  372. </SCRIPT>
  373. <SCRIPT LANGUAGE=JavaScript FOR=radByLoc EVENT="onclick()">
  374. {
  375.    selSortByIndex(document.selBookmark);
  376.  btnPrevSetState();
  377.  btnNextSetState();
  378. } 
  379. </SCRIPT>
  380. <SCRIPT LANGUAGE=JavaScript FOR=radByName EVENT="onclick()">
  381. {
  382.    selSortByName(document.selBookmark);
  383.  btnPrevSetState();
  384.  btnNextSetState();
  385. } 
  386. </SCRIPT>
  387. <SCRIPT LANGUAGE=JavaScript FOR=btnNext EVENT="onclick()">
  388. {
  389.  if (btnNext.exState == STATE_GOTO)
  390.  {
  391.   onCmdGoto();
  392.   expandoOn();
  393.   btnNext.exState = STATE_NEXT;
  394.   expandoOff();
  395.  }
  396.  else
  397.  {
  398.   onCmdNext();
  399.  }
  400. } 
  401. </SCRIPT>
  402. <SCRIPT LANGUAGE=JavaScript FOR=btnPrev EVENT="onclick()">
  403. {
  404.  onCmdPrevious();
  405. } 
  406. </SCRIPT>
  407. <SCRIPT LANGUAGE=JavaScript FOR=btnDelete EVENT="onclick()">
  408. {
  409.  onCmdDelete();
  410. } 
  411. </SCRIPT>
  412. <SCRIPT LANGUAGE=JavaScript FOR=btnClose EVENT="onclick()">
  413. {
  414.  onCmdCancel();
  415. } 
  416. </SCRIPT>
  417. </HEAD>
  418. <BODY id=bodyBookmark onLoad="loadBdy()">
  419. <DIV style="position:absolute; LEFT: .5em; TOP: .5em; WIDTH: 8em; HEIGHT: 1em">
  420. <LABEL For=selBookmark id=lblBookmark>
  421. S<U>e</U>lect Bookmark:
  422. </LABEL>
  423. </DIV>
  424. <SCRIPT LANGUAGE=JavaScript>
  425. var index;
  426. var doc = window.dialogArguments.document;
  427. document.write('<SELECT id=selBookmark ACCESSKEY=e multiple style="position: absolute; LEFT: .5em; TOP: 2.5em; WIDTH: 22em; HEIGHT: 9em">');
  428. for (index = 0; index < doc.anchors.length; index++)
  429. {
  430. if (doc.anchors[index].name != "")
  431. {
  432.  document.write('<OPTION>' + doc.anchors[index].name);
  433. }
  434. }
  435. document.write('</SELECT>');
  436. </SCRIPT>
  437. <TABLE border=1 style="position: absolute; LEFT: .5em; TOP: 7.9em; WIDTH: 14.5em; HEIGHT: 2em">
  438. <TR>
  439. <TD>
  440. <DIV style="position: absolute; LEFT: .5em; TOP: .5em; WIDTH: 5em; HEIGHT: 1em"><LABEL id=lblSortedBy>Sorted by:
  441. </LABEL></DIV>
  442. <INPUT id=radByName name=radSortBy style="position: absolute; LEFT: 5em; TOP: .75em; WIDTH: 1em; HEIGHT: 1em" type=radio
  443. ACCESSKEY=n>
  444. <DIV style="position: absolute; LEFT: 6em; TOP: .5em; WIDTH: 3em; HEIGHT: 1em">
  445. <LABEL For=radByName id=lblByName>
  446. <U>N</U>ame
  447. </LABEL>
  448. </DIV>
  449. <INPUT id=radByLoc name=radSortBy style="position: absolute; LEFT: 9em; TOP: .75em; WIDTH: 1em; HEIGHT: 1em" type=radio
  450. CHECKED ACCESSKEY=l>
  451. <DIV style="position: absolute; LEFT: 10em; TOP: .5em; WIDTH: 6em; HEIGHT: 1em">
  452. <LABEL For=radByLoc id=lblByLoc>
  453. <U>L</U>ocation
  454. </LABEL>
  455. </DIV>
  456. </TD>
  457. </TR>
  458. </TABLE>
  459. <BUTTON id=btnNext style="position: absolute; LEFT:23.5em; TOP: 1.6em; WIDTH: 9.5em; HEIGHT: 2.5em" AccessKey=T>
  460. Go<U>T</U>o
  461. </BUTTON>
  462. <BUTTON id=btnPrev style="position: absolute; LEFT:23.5em; TOP: 4.4em; WIDTH: 9.5em; HEIGHT: 2.5em" AccessKey=V>
  463. Pre<U>v</U>ious
  464. </BUTTON>
  465. <BUTTON id=btnDelete style="position: absolute; LEFT:23.5em; TOP: 10.1em; WIDTH: 9.5em; HEIGHT: 2.5em" AccessKey=D>
  466. <U>D</U>elete
  467. </BUTTON>
  468. <BUTTON id=btnClose style="position: absolute; LEFT:23.5em; TOP: 12.9em; WIDTH: 9.5em; HEIGHT: 2.5em" AccessKey=C>
  469. <U>C</U>lose
  470. </BUTTON>
  471. </BODY>
  472. </HTML>
  473.