main.html

   1 <!-- Written by Mike Frysinger <vapier@gmail.com>.  Released into the public domain.  -->
   2 <!doctype html>
   3 <html>
   4
   5 <head>
   6 <title>Wake-On-Lan (WOL)</title>
   7 <script src='js/net_error_list.js'></script>
   8 <script src='js/common.js'></script>
   9 <script src='js/main.js'></script>
  10 <script src='js/theme.js'></script>
  11 <style>
  12 body {
  13         background-color: black;
  14         color: white;
  15         font-family: monospace;
  16         white-space: nowrap;
  17 }
  18
  19 input.mac {
  20         text-align: center;
  21 }
  22
  23 select[name=computer] {
  24         width: 275px;
  25 }
  26
  27 input[name=computer_name] {
  28         width: 270px;
  29 }
  30
  31 input[name=port] {
  32         text-align: center;
  33 }
  34
  35 input[name=theme] {
  36         text-align: center;
  37         position: absolute;
  38         top: 3px;
  39         left: 3px;
  40 }
  41
  42 a {
  43         color: grey;
  44 }
  45
  46 .status {
  47         font-weight: bold;
  48         border: 1px dashed;
  49 }
  50
  51 span[name=popup_msg] {
  52         text-align: center;
  53         font-weight: bold;
  54         position: absolute;
  55         background-color: yellow;
  56         border: 1px solid;
  57 }
  58 </style>
  59 </head>
  60
  61 <body>
  62
  63 <p class='header' style='text-align:center'>
  64  <a href='https://en.wikipedia.org/wiki/Wake-on-LAN' target='_blank'>
  65  Wake-On-Lan (WOL) Magic Packet Generator
  66  </a>
  67  <input type='button' name='theme' value='&#9788;'>
  68 </p>
  69
  70 <span style='display: none' name='popup_msg'></span>
  71
  72 <div class='settings'>
  73  <form name='settings'>
  74  <table width='100%'>
  75   <tr>
  76     <td>
  77       Target Computer:
  78     </td>
  79     <td colspan=3>
  80       <select tabindex='1' name='computer'>
  81         <option selected value='Default'>Default</option>
  82       </select>
  83       <input name='computer_name' style='display: none;' placeholder='Enter name &amp; hit Add when done'>
  84       <input tabindex='2' type='button' name='add_computer' value='Add'>
  85       <input tabindex='3' type='button' name='del_computer' value='Del'>
  86     </td>
  87   </tr>
  88   <tr>
  89    <td>
  90     <a href='https://en.wikipedia.org/wiki/IP_address' target='_blank'>IP</a>
  91     /
  92     <a href='https://en.wikipedia.org/wiki/Hostname' target='_blank'>Hostname</a>:
  93    </td>
  94    <td><input tabindex='4' name='host' value='255.255.255.255' size='40' autofocus></td>
  95   </tr>
  96   <tr>
  97    <td><a href='https://en.wikipedia.org/wiki/MAC_address' target='_blank'>MAC address</a>:</td>
  98    <td>
  99     <span name='mac-many'>
 100      <input tabindex='5' class='mac' name='mac0' value='20' size='1' maxlength='2'>
 101      <input tabindex='6' class='mac' name='mac1' value='00' size='1' maxlength='2'>
 102      <input tabindex='7' class='mac' name='mac2' value='00' size='1' maxlength='2'>
 103      <input tabindex='8' class='mac' name='mac3' value='00' size='1' maxlength='2'>
 104      <input tabindex='9' class='mac' name='mac4' value='00' size='1' maxlength='2'>
 105      <input tabindex='10' class='mac' name='mac5' value='00' size='1' maxlength='2'>
 106     </span>
 107     <span name='mac-one' hidden>
 108      <input tabindex='11' class='mac' name='mac' size='39' maxlength='20'>
 109     </span>
 110     <a tabindex='12' name='mac-paste' href=''>Paste</a>
 111    </td>
 112   </tr>
 113   <tr>
 114    <td><a href='https://en.wikipedia.org/wiki/Port_(computer_networking)' target='_blank'>Port</a>:</td>
 115    <td><input tabindex='13' type='number' name='port' min='1' max='65535' step='1' value='9'
 116               title='Common ports: 0, 7, 9, and 40000'></td>
 117   </tr>
 118   <tr>
 119    <td><a href='https://en.wikipedia.org/wiki/Wake-on-LAN#Security_considerations' target='_blank'>SecureOn</a>:</td>
 120    <td>
 121     <span name='pass-many'>
 122      <input tabindex='14' class='mac' name='pass0' value='00' size='1' maxlength='2'>
 123      <input tabindex='15' class='mac' name='pass1' value='00' size='1' maxlength='2'>
 124      <input tabindex='16' class='mac' name='pass2' value='00' size='1' maxlength='2'>
 125      <input tabindex='17' class='mac' name='pass3' value='00' size='1' maxlength='2'>
 126      <input tabindex='18' class='mac' name='pass4' value='00' size='1' maxlength='2'>
 127      <input tabindex='19' class='mac' name='pass5' value='00' size='1' maxlength='2'>
 128     </span>
 129     <span name='pass-one' hidden>
 130      <input tabindex='20' class='mac' name='pass' size='39' maxlength='20'>
 131     </span>
 132     <a tabindex='21' name='pass-paste' href=''>Paste</a>
 133    </td>
 134   </tr>
 135   <tr>
 136    <td colspan=2 align='middle'>
 137     <input tabindex='20' type='submit' name='send' value='Send'>
 138    </td>
 139   </tr>
 140  </table>
 141  </form>
 142 </div>
 143
 144 <p class='status'>Status: <span name='status'>idle</span></p>
 145
 146 <p>
 147 Problems?  Try
 148 <a href='https://en.wikipedia.org/wiki/Wake-on-LAN#Troubleshooting_magic_packets' target='_blank'>troubleshooting</a>.<br>
 149 <br>
 150 Random tips (applies to all WOL and is not specific to this app):<br>
 151 <ul>
 152  <li>You have to be on the same local network as the target</li>
 153  <li>i.e. You cannot wake up computers over the internet</li>
 154  <li>WiFi computers often cannot be woken up remotely</li>
 155  <li>WOL support has to be turned on in the BIOS/OS</li>
 156  <li>Make sure the MAC address matches the computer</li>
 157  <li>A specific IP might be required, or the broadcast address;<br>try using "255" for the last part</li>
 158  <li>A specific port might be required; these are the common ones: 0 7 9 40000</li>
 159  <li>The SecureOn (password) is not supported by many devices;<br>feel free to leave the default value</li>
 160 </ul>
 161 </p>
 162
 163 </body>
 164 </html>