src/chrome/test/data/find_in_page/end_state.html

   1 <html>\r
   2 <head>\r
   3 <script>\r
   4   var focused_elem = "{nothing focused}";\r
   5 \r
   6   function setFocusedElem(id) {\r
   7     focused_elem = id;\r
   8     updateLog();\r
   9   }\r
  10 \r
  11   function clearFocus() {\r
  12     focused_elem = "";\r
  13     updateLog();\r
  14   }\r
  15 \r
  16   function getFocusedElement() {\r
  17     return focused_elem;\r
  18   }\r
  19 \r
  20   function updateLog() {\r
  21     document.getElementById("log").innerHTML = "Focused element: " + focused_elem;\r
  22   }\r
  23 \r
  24   function selectLink1() {\r
  25     clearFocus();\r
  26     var sel = window.getSelection();\r
  27     var range = document.createRange();\r
  28     range.setStartBefore(document.getElementById('link1'));\r
  29     range.setEndAfter(document.getElementById('link1'));\r
  30     sel.addRange(range);\r
  31     return "";\r
  32   }\r
  33 \r
  34 </script>\r
  35 </head>\r
  36 \r
  37 <body>\r
  38   This is\r
  39    a <a id="link1" href="http://www.google.com" onfocus="setFocusedElem(this.id)" onblur="clearFocus()">link</a>\r
  40   to <a id="link2" href="http://www.google.com" onfocus="setFocusedElem(this.id)" onblur="clearFocus()">Google</a>.\r
  41 \r
  42   <br><br><br>\r
  43   <div id="log"><div>\r
  44 </body>\r
  45 </html>