userapps/broadcom/cfm/html/index-wireless.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
   2 <!--
   3         (c) 2005-2006 U.S. Robotics Corporation
   4 -->
   5 <html>
   6 <head>
   7         <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   8         <title>Secure Your Router</title>
   9         <link href="usr_layout.css" type="text/css" rel="stylesheet" />
  10         <script src="usr_layout.js" type="text/javascript"></script>
  11         <link href="usr_device.css" type="text/css" rel="stylesheet" />
  12         <script src="usr_device.js" type="text/javascript"></script>
  13         <link href="usr_91xx.css" type="text/css" rel="stylesheet" />
  14         <script src="usr_91xx.js" type="text/javascript"></script>
  15         <script src="usr_resources.js" type="text/javascript"></script>
  16         <script src="util.js" type="text/javascript"></script>
  17 <script type="text/javascript">
  18 function initializePage()
  19 {
  20         // if VoIP product, no SES available
  21         var bSESavailable = ("<%ejGetOther(sysInfo, buildVoip)%>" == "0");
  22         setVisibility("idSESoption", bSESavailable);
  23         setVisibility("idSESyes", bSESavailable);
  24         setVisibility("idSESno", !bSESavailable);
  25         setVisibility("idSESnote", bSESavailable);
  26
  27         updateFields();
  28 }
  29
  30 <!-- This is similar to the setup_sec.html page -->
  31 function validatePage()
  32 {
  33         if (document.idForm.cbSecurity.value == "WPA_WPA2")
  34         {
  35                 if (!minLength("Pass phrase", document.idForm.wlWpaPsk, 8))
  36                         return false;
  37
  38                 document.idForm.wlAuthMode.value = "psk2mix";
  39         }
  40         else if (document.idForm.cbSecurity.value.substr(0, 3) == "WEP")
  41         {
  42                 if (!minLength("WEP key", document.idForm.idKeyValue1, document.idForm.idKeyValue1.maxLength))
  43                         return false;
  44
  45                 if (!isValidKey(document.idForm.idKeyValue1, document.idForm.idKeyValue1.maxLength))
  46                 {
  47                         alert("Please enter a valid " + document.idForm.idKeyValue1.maxLength + "-character WEP key.");
  48                         return false;
  49                 }
  50
  51                 if (document.idForm.cbSecurity.value == "WEPopen")
  52                         document.idForm.wlAuthMode.value = "open";
  53                 else
  54                         document.idForm.wlAuthMode.value = "shared";
  55
  56                 if (document.idForm.cbWEPkeytype.value.substr(0, 7) == "type128")
  57                         document.idForm.wlKeyBit.value = 0;     // 128-bit
  58                 else
  59                         document.idForm.wlKeyBit.value = 1;     // 64-bit
  60         }
  61         else
  62         {
  63                 document.idForm.wlAuthMode.value = "none";
  64                 document.idForm.wlWpaPsk.value = "";
  65         }
  66
  67         return true;
  68 }
  69
  70 function updateFields()
  71 {
  72         setVisibility("idEncryptNo", (document.idForm.cbSecurity.value == "none"));
  73
  74         setVisibility("idWPA", (document.idForm.cbSecurity.value == "WPA_WPA2"));
  75         setVisibility("idEncryptWPA", (document.idForm.cbSecurity.value == "WPA_WPA2"));
  76
  77         setVisibility("idWEPkeytype", (document.idForm.cbSecurity.value.substr(0, 3) == "WEP"));
  78         setVisibility("idKey1", (document.idForm.cbSecurity.value.substr(0, 3) == "WEP"));
  79
  80         setMaxLength(false, document.idForm.cbWEPkeytype.value, document.idForm.wlKey1);
  81 }
  82 </script>
  83 </head>
  84
  85 <body onload="initializePage();">
  86
  87 <script type="text/javascript">
  88         writeHeader("Secure Your Router");
  89 </script>
  90
  91 <div id="idHelpOpen" style="display: none;" onclick="setVisibility('idHelpOpen', false); setVisibility('idPanelHelp', true);">?</div>
  92
  93 <div id="idPanelHelp">
  94    <div id="idHelpClose" onclick="setVisibility('idPanelHelp', false); setVisibility('idHelpOpen', true);">x</div>
  95         <h1>Securing Your Router</h1>
  96    <p>If the wireless network is not secured, anyone with a wireless
  97    client can connect to your network, use your Internet connection,
  98    and access your computers.</p>
  99    <p>With minimal effort, you can <strong>secure your router</strong>
 100    to prevent unauthorized wireless devices from connecting to your network,
 101    using your Internet connection, or modifying your
 102    router&rsquo;s configuration.</p>
 103    <p id="idSESnote"><strong>SecureEasySetup</strong> configures your wireless
 104    security method to WPA2 and WPA (PSK) with TKIP and AES encryption.</p>
 105    <p>For <strong>additional security</strong>, you can allow only specific
 106    devices to connect to the router (MAC filtering).
 107    If you won&rsquo;t have any wireless devices connecting to this
 108    router, you can disable the wireless features of the router.
 109    This will prevent any wireless devices from connecting to your router.
 110    These features and more (such as 802.1x) can be accessed on the
 111    router&rsquo;s <strong>Security</strong> page after the setup is complete.</p>
 112 </div>
 113
 114 <p id="idSESoption">
 115         <input type="checkbox" name="chkSES" id="chkSES" checked onclick="toggleVisibility('idSESyes'); toggleVisibility('idSESno');"> <label for="chkSES">Set wireless security using SecureEasySetup</label>
 116 </p>
 117
 118 <div id="idSESyes">
 119 <form name="idForm1" action="setup_ses.wl" method="post">
 120         <input type="hidden" name="wlSesEnbl" value="1">
 121         <input type="hidden" name="wlSesEvent" value="3">
 122
 123 <h3>SecureEasySetup</h3>
 124
 125 <p>You can secure your wireless network simply by pressing the
 126 <b>SecureEasySetup</b> button below. This will apply wireless security
 127 and automatically generate a pass phrase for your wireless network.</p>
 128
 129 <p>Alternatively, you can configure your wireless security options manually
 130 by clearing the check box above.</p>
 131
 132 <p><input type="image" name="action" src="ses.gif" alt="SecureEasySetup" value="SecureEasySetup" /></p>
 133
 134 </form>
 135 </div>
 136
 137 <div id="idSESno">
 138 <form name="idForm" action="setup_finish.wl" method="post">
 139         <!-- wlAuthMode is deprecated -->
 140         <input type="hidden" id="wlAuthMode" value="psk2mix">
 141         <input type="hidden" id="wlKeyIndex" name="wlKeyIndex" value="1">
 142         <input type="hidden" id="wlKeyBit" name="wlKeyBit" value="0">
 143
 144 <h3>Network Name (SSID)</h3>
 145
 146 <p>This is the name of your wireless network. Wireless devices will need to know the
 147 network name (also known as an SSID) of your router in order to communicate with it.</p>
 148
 149 <p id="lblSSID"><label for="wlSsid">Network name:</label>
 150         <input type="text" size="30" maxlength="30" name="wlSsid" id="wlSsid" class="clsTextfield" value="<%ejGetWlHTML(wlSsid)%>"></p>
 151
 152 <p>USRobotics recommends that you change the <b>network name</b>
 153 and treat it like a password. Use a combination of more than eight alphanumeric
 154 characters that is not easy to guess (such as &ldquo;MyHomeOffice&rdquo;
 155 or &ldquo;Fish81Tree&rdquo;).</p>
 156
 157
 158 <!-- This code is similar to the code on the setup_sec.html page -->
 159 <h3>Security</h3>
 160
 161 <p>USRobotics recommends securing your router from unauthorized
 162 wireless devices by using WPA encryption.
 163 If you have older wireless devices that don&rsquo;t support WPA,
 164 you can select WEP.
 165 If you want to use a different method later, you can change it on the
 166 router&rsquo;s <b>Security</b> page after the setup is complete.
 167 </p>
 168
 169 <table border="0">
 170         <tr>
 171                 <td id="lblMethod" valign="top"><label>Method:</label></td>
 172                 <td>
 173                         <select id="cbSecurity" name="cbSecurity" onchange="updateFields();">
 174                                 <option value="WPA_WPA2" selected>WPA2 and WPA (PSK) (recommended)</option>
 175                                 <option value="WEPopen">WEP open</option>
 176                                 <option value="WEPshared">WEP shared</option>
 177                                 <option value="none">None</option>
 178                         </select>
 179                 </td>
 180         </tr>
 181
 182         <!-- WPA -->
 183         <tr id="idWPA">
 184                 <td valign="top"><label for="wlWpaPsk">Pass&nbsp;phrase:</label></td>
 185                 <!-- either 32 hex digits or ASCII that WPA hashes to a 256-bit key -->
 186                 <td><input type="text" size="40" maxlength="63" name="wlWpaPsk" id="wlWpaPsk" class="clsTextfield" value="<%ejGetWlHTML(wlWpaPsk)%>"><br/>
 187                         <span class="clsNote">(The pass phrase must be between eight and sixty-three characters long.)</span>
 188                         </td>
 189         </tr>
 190
 191         <!-- WEP -->
 192         <tr id="idWEPkeytype">
 193                 <td><label>Key type:</label></td>
 194                 <td>
 195                         <!-- No name property so the value's not posted -->
 196                         <select id="cbWEPkeytype" onchange="setMaxLength(true, this.value, wlKey1);">
 197                                 <option value="type128ASCII" selected>128-bit ASCII</option>
 198                                 <option value="type128hex">128-bit hex</option>
 199                                 <option value="type64ASCII">64-bit ASCII</option>
 200                                 <option value="type64hex">64-bit hex</option>
 201                         </select>
 202                 </td>
 203         </tr>
 204
 205         <tr id="idKey1" valign="top">
 206                 <td><label for="idKeyValue1">Key:</label></td>
 207                 <td><input type="text" size="40" maxlength="58" name="wlKey1" id="idKeyValue1" class="clsTextfield" value="<%ejGetWlHTML(wlKey1)%>"><br/>
 208                         <span class="clsNote">(The key must be <span id="idKeyNumChars"></span>&nbsp;characters long.)</span>
 209                 </td>
 210         </tr>
 211 </table>
 212
 213 <p id="idEncryptWPA">
 214 USRobotics recommends that you treat your <b>WPA pass phrase</b> like
 215 a password and use a combination of alphanumeric characters that is not
 216 easy to guess (such as &ldquo;5Rock2Fish9Sand&rdquo; or &ldquo;20Dogs933Trot&rdquo;).
 217 </p>
 218 <div id="idEncryptNo" style="display: none;" class="clsNotice">
 219         <p>Please note that you have disabled encryption on the router and your
 220         wireless network will be insecure. Unauthorized wireless devices may be
 221         able to connect to your network, use your Internet connection, and access
 222         your computers.
 223         You can enable encryption later on the router&rsquo;s <b>Security</b> page.</p>
 224 </div>
 225
 226
 227 <p class="clsSave">You will need to enter these values when you configure a wireless client.
 228 After setup is complete, these values will be displayed on the
 229 router&rsquo;s <b>Status</b> page,
 230 and you can write them down or print them.
 231 </p>
 232
 233 <p>When you&rsquo;re finished and ready to apply your changes, press <b>Apply</b>.</p>
 234 <p><input type="submit" class="clsBtnSave" name="btnSubmit" value="Apply" onclick="if (!validatePage()) return false;"></p>
 235 <!-- If all entries are valid, Status page (info.html) is displayed. An error keeps the user here. -->
 236
 237 </form>
 238 </div>
 239
 240 <script type="text/javascript">
 241         writeFooter();
 242 </script>
 243
 244 </body>
 245 </html>