src/third_party/webdriver/test_data/rich_text.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"\r
   2         "http://www.w3.org/TR/html4/loose.dtd">\r
   3 <html>\r
   4 <head>\r
   5 <script type="text/javascript">\r
   6 function setKeypressHandler (el, keyHandler) {\r
   7   if (el.addEventListener) {\r
   8     el.addEventListener('keypress', keyHandler, false);\r
   9     el.addEventListener('keydown', keyHandler, false);\r
  10     el.addEventListener('keyup', keyHandler, false);\r
  11   } else {\r
  12     el.attachEvent('onkeypress', keyHandler);\r
  13     el.attachEvent('onkeydown', keyHandler);\r
  14     el.attachEvent('onkeyup', keyHandler);\r
  15   }\r
  16 }\r
  17 \r
  18 function output (text) {\r
  19   var div = document.getElementById('debugOutput');\r
  20   div.appendChild(document.createTextNode(text));\r
  21   div.appendChild(document.createElement('br'));\r
  22 }\r
  23 \r
  24 window.onload = function () {\r
  25   // Super dumb browser detection\r
  26   var isIE = window.navigator.userAgent.search('MSIE') != -1;\r
  27 \r
  28   var editFrame = document.getElementById('editFrame').contentWindow;\r
  29   setKeypressHandler(editFrame.document, printEventData);\r
  30   if (isIE) {\r
  31     editFrame.document.body.contentEditable = true;\r
  32   } else {\r
  33     editFrame.document.designMode = 'On';\r
  34     // Attach a name to the containing HTML element\r
  35     editFrame.document.getElementsByTagName("html")[0].id = "frameHtml";\r
  36   }\r
  37 \r
  38   var editDiv = document.getElementById('editDiv');\r
  39   setKeypressHandler(editDiv, printEventData);\r
  40   editDiv.contentEditable = true;\r
  41 \r
  42   editFrame.document.body.style.margin = 1;\r
  43   editFrame.document.body.style.padding = 0;\r
  44   editFrame.document.body.id = 'theBody';\r
  45 \r
  46   editDiv.style.margin = 1;\r
  47   editDiv.style.padding = 0;\r
  48 \r
  49   window.setTimeout(function() {\r
  50     var pre = document.createElement('pre');\r
  51     function write(text) {\r
  52       pre.appendChild(document.createTextNode(text));\r
  53       pre.appendChild(document.createElement('br'));\r
  54     }\r
  55 \r
  56     write('frame.contentWindow.document.designMode: ' +\r
  57       editFrame.document.designMode);\r
  58     write('frame.contentWindow.document.body.contentEditable: ' +\r
  59       editFrame.document.body.contentEditable);\r
  60     document.getElementById('editFrameInfo').appendChild(pre);\r
  61 \r
  62     pre = document.createElement('pre');\r
  63     write('div.ownerDocument.designMode: ' +\r
  64       editDiv.ownerDocument.designMode);\r
  65     write('div.ownerDocument.body.contentEditable: ' +\r
  66       editDiv.ownerDocument.body.contentEditable);\r
  67     write('div.contentEditable: ' +\r
  68       editDiv.contentEditable);\r
  69     document.getElementById('editDivInfo').appendChild(pre);\r
  70   }, 0);\r
  71 };\r
  72 \r
  73 function isDef(obj, prop) {\r
  74   return typeof obj[prop] != 'undefined';\r
  75 }\r
  76 \r
  77 function printEventData(e) {\r
  78   e = e || window.event;\r
  79 \r
  80   function write(id, text, opt_color) {\r
  81     var el = document.getElementById(id);\r
  82     el.innerHTML = '[' + text + ']';\r
  83     el.style.backgroundColor = opt_color || 'white';\r
  84   }\r
  85   write('type', e.type);\r
  86   write('tagName', isDef(e, 'target') ? e.target.tagName : e.srcElement.tagName);\r
  87   write('tagId', isDef(e, 'target') ? e.target.id : e.srcElement.id);\r
  88   write('keyidentifier', isDef(e, 'keyIdentifier') ? e.keyIdentifier : 'n/a');\r
  89   write('keylocation', isDef(e, 'keyLocation') ? e.keyLocation : 'n/a');\r
  90   write('keycode', e.keyCode);\r
  91   write('charcode', e.charCode);\r
  92   write('which', e.which);\r
  93   if (isDef(e, 'isTrusted')) {\r
  94     write('istrusted', e.isTrusted, e.isTrusted ? '#afa' : '#faa');\r
  95   } else {\r
  96     write('istrusted', 'n/a');\r
  97   }\r
  98   write('alt', e.altKey);\r
  99   write('ctrl', e.ctrlKey);\r
 100   write('shift', e.shiftKey);\r
 101   write('meta', e.metaKey);\r
 102 \r
 103   var s = "";\r
 104   for (var i in e) {\r
 105     s += i + ": " + e[i] + "   ";\r
 106   }\r
 107   //alert(s);\r
 108 }\r
 109 </script>\r
 110 </head>\r
 111 <body>\r
 112 <div>\r
 113   <div id="butter" style="background-color: #ffa;">\r
 114   </div>\r
 115   <table width="100%">\r
 116       <tr valign="top">\r
 117         <td width="50%">\r
 118           <div>IFRAME</div>\r
 119           <iframe id="editFrame" name="editFrame" src="" height="200px" width="300px" frameborder="0" style="border: 1px solid black;">\r
 120           </iframe>\r
 121           <div id="editFrameInfo">\r
 122           <pre>frame.contentWindow.document.designMode: on<br>frame.contentWindow.document.body.contentEditable: false<br></pre></div>\r
 123         </td>\r
 124         <td>\r
 125           <div>DIV</div>\r
 126           <div id="editDiv" style="border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: black; border-right-color: black; border-bottom-color: black; border-left-color: black; height: 200px; width: 300px; overflow-x: auto; overflow-y: auto; margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " contenteditable="true">\r
 127           </div>\r
 128           <div id="editDivInfo">\r
 129           <pre>div.ownerDocument.designMode: off<br>div.ownerDocument.body.contentEditable: false<br>div.contentEditable: true<br></pre></div>\r
 130         </td>\r
 131       </tr>\r
 132   </table>\r
 133 </div>\r
 134 \r
 135 <HR>\r
 136 <DIV style="margin: 0px;padding:0px;padding-left:10px;font-family:Courier;">\r
 137   <TABLE cellpadding="0" cellspacing="0" width="200px" style="font-size:9pt;">\r
 138     <TBODY>\r
 139       <TR><TD width="110px">type:</TD><TD id="type" width="90px">[]</TD></TR>\r
 140       <TR><TD>tagName:</TD><TD id="tagName">[]</TD></TR>\r
 141       <TR><TD>id:</TD><TD id="tagId">[]</TD></TR>\r
 142       <TR><TD>keyIdentifier:</TD><TD id="keyidentifier">[]</TD></TR>\r
 143       <TR><TD>keyLocation:</TD><TD id="keylocation">[]</TD></TR>\r
 144       <TR><TD>keyCode:</TD><TD id="keycode">[]</TD></TR>\r
 145       <TR><TD>charCode:</TD><TD id="charcode">[]</TD></TR>\r
 146       <TR><TD>which:</TD><TD id="which">[]</TD></TR>\r
 147       <TR><TD>isTrusted:</TD><TD id="istrusted">[]</TD></TR>\r
 148       <TR><TD colspan="2">---------------------</TD></TR>\r
 149       <TR><TD colspan="2">Modifiers</TD></TR>\r
 150       <TR><TD>alt:</TD><TD id="alt">[]</TD></TR>\r
 151       <TR><TD>ctrl:</TD><TD id="ctrl">[]</TD></TR>\r
 152       <TR><TD>shift:</TD><TD id="shift">[]</TD></TR>\r
 153       <TR><TD>meta:</TD><TD id="meta">[]</TD></TR>\r
 154     </TBODY>\r
 155   </TABLE>\r
 156 </DIV>\r
 157 \r
 158 \r
 159 \r
 160 </BODY></HTML>