1 <!DOCTYPE html> 2 <html i18n-values="dir:textdirection"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, 6 maximum-scale=1.0, user-scalable=no"> 7 <title i18n-content="title"></title> 8 <link rel="stylesheet" href="neterror.css"> 9 <script src="neterror.js"></script> 10 </head> 11 <body id="t"> 12 <div id="main-frame-error"> 13 <div id="box"> 14 <div id="content-top"> 15 <h1> 16 <div> 17 <img class="icon" 18 jseval="updateIconClass(this.classList, iconClass)"> 19 </div> 20 <span i18n-content="heading"></span> 21 </h1> 22 <div id="buttons"> 23 <button id="reload-button" onclick="location = this.url" 24 jsselect="reload" jsvalues=".url:reloadUrl" 25 jscontent="msg"></button> 26 <button id="more-less-button" onclick="toggleHelpBox()" 27 jsdisplay="more" jsvalues=".moreText:more; .lessText:less;" 28 jscontent="more"></button> 29 </div> 30 </div> 31 <!-- Outer and inner divs are needed both for margins and sizing. --> 32 <div id="help-box-outer" class="hidden"> 33 <div id="help-box-inner"> 34 <div jsselect="summary"> 35 <span jsvalues=".innerHTML:msg"></span> 36 </div> 37 <div class="suggestions" jsselect="suggestions"> 38 <div class="suggestion-header" jsvalues=".innerHTML:header"></div> 39 <div class="suggestion-body" jsvalues=".innerHTML:body"></div> 40 </div> 41 <button id="diagnose-button" onclick="diagnoseErrors()" 42 jscontent="diagnose" jsdisplay="diagnose"></button> 43 <div id="diagnose-frame" class="hidden"></div> 44 <div class="error-code" jscontent="errorCode"></div> 45 </div> 46 </div> 47 </div> 48 </div> 49 <div id="sub-frame-error"> 50 <!-- Show details when hovering over the icon, in case the details are 51 hidden because they're too large. --> 52 <img class="icon" jseval="updateIconClass(this.classList, iconClass)" 53 jsvalues=".title:errorDetails"> 54 <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div> 55 </div> 56 </body> 57 </html> 58
