ec7277b55897565425eac2baa530c08fd5539cc5
[bcm963xx.git] / 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>Setup &raquo; Security</title>
9         <link href="usr_main.css" rel="stylesheet" type="text/css">
10         <link href="usr_menus.css" rel="stylesheet" type="text/css"><script src="usr_menus.js" type="text/javascript"></script><script src="usr_menus_build.js" type="text/javascript"></script>
11         <script src="usr_common.js" type="text/javascript"></script>
12         <script src="util.js" type="text/javascript"></script>
13 <script type="text/javascript">
14
15 setPageTitle("<%ejGetWlJS(wlInterface)%>");
16
17 <!-- This is similar to the setup_sec.html page -->
18 function validatePage()
19 {
20         if (document.idForm.cbSecurity.value == "WPA_WPA2")
21         {
22                 if (!minLength("Pass phrase", document.idForm.wlWpaPsk, 8))
23                         return false;
24
25                 document.idForm.wlAuthMode.value = "psk2mix";
26         }
27         else if (document.idForm.cbSecurity.value.substr(0, 3) == "WEP")
28         {
29                 if (!minLength("WEP key", document.idForm.idKeyValue1, document.idForm.idKeyValue1.maxLength))
30                         return false;
31
32                 if (!isValidKey(document.idForm.idKeyValue1, document.idForm.idKeyValue1.maxLength))
33                 {
34                         alert("Please enter a valid " + document.idForm.idKeyValue1.maxLength + "-character WEP key.");
35                         return false;
36                 }
37
38                 if (document.idForm.cbSecurity.value == "WEPopen")
39                         document.idForm.wlAuthMode.value = "open";
40                 else
41                         document.idForm.wlAuthMode.value = "shared";
42
43                 if (document.idForm.cbWEPkeytype.value.substr(0, 7) == "type128")
44                         document.idForm.wlKeyBit.value = 0;     // 128-bit
45                 else
46                         document.idForm.wlKeyBit.value = 1;     // 64-bit
47         }
48         else
49         {
50                 document.idForm.wlAuthMode.value = "none";
51                 document.idForm.wlWpaPsk.value = "";
52         }
53         
54         return true;
55 }
56
57 function updateFields()
58 {
59         setVisibility("idEncryptNo", (document.idForm.cbSecurity.value == "none"));
60
61         setVisibility("idWPA", (document.idForm.cbSecurity.value == "WPA_WPA2"));
62         setVisibility("idEncryptWPA", (document.idForm.cbSecurity.value == "WPA_WPA2"));
63
64         setVisibility("idWEPkeytype", (document.idForm.cbSecurity.value.substr(0, 3) == "WEP"));
65         setVisibility("idKey1", (document.idForm.cbSecurity.value.substr(0, 3) == "WEP"));
66
67         setMaxLength(false, document.idForm.cbWEPkeytype.value, document.idForm.wlKey1);
68 }
69 </script>
70 </head>
71 <body onload="updateFields();">
72
73 <script type="text/javascript">
74         writeHeaderInfo("Secure Your Router");
75 </script>
76
77 <form name="idForm" action="setup_finish.wl" method="post">
78         <!-- wlAuthMode is deprecated -->
79         <input type="hidden" id="wlAuthMode" value="psk2mix">
80         <input type="hidden" id="wlKeyIndex" name="wlKeyIndex" value="1">
81         <input type="hidden" id="wlKeyBit" name="wlKeyBit" value="0">
82
83 <h3>Network Name (SSID)</h3>
84
85 <p>This is the name of your wireless network. Wireless devices will need to know the
86 network name (also known as an SSID) of your router in order to communicate with it.</p>
87
88 <p id="lblSSID"><label for="wlSsid">Network name:</label>
89         <input type="text" size="30" maxlength="30" name="wlSsid" id="wlSsid" class="clsTextfield" value="<%ejGetWlHTML(wlSsid)%>"></p>
90
91 <p>U.S.&nbsp;Robotics recommends that you change the <b>network name</b>
92 and treat it like a password. Use a combination of more than eight alphanumeric
93 characters that is not easy to guess (such as &ldquo;MyHomeOffice&rdquo;
94 or &ldquo;Fish81Tree&rdquo;).</p>
95
96
97 <!-- This code is similar to the code on the setup_sec.html page -->
98 <h3>Security</h3>
99
100 <p>U.S.&nbsp;Robotics recommends securing your router from unauthorized
101 wireless devices by using WPA encryption.
102 If you have older wireless devices that don&rsquo;t support WPA,
103 you can select WEP.
104 If you want to use a different method later, you can change it on the
105 router&rsquo;s <b>Security</b> page after the setup is complete.
106 </p>
107
108 <table border="0">
109         <tr>
110                 <td id="lblMethod" valign="top"><label>Method:</label></td>
111                 <td>
112                         <select name="cbSecurity" id="cbSecurity" onchange="updateFields();">
113                                 <option value="WPA_WPA2" selected>WPA2 and WPA (PSK) (recommended)</option>
114                                 <option value="WEPopen">WEP open</option>
115                                 <option value="WEPshared">WEP shared</option>
116                                 <option value="none">None</option>
117                         </select>
118                 </td>
119         </tr>
120
121         <!-- WPA -->
122         <tr id="idWPA">
123                 <td valign="top"><label for="wlWpaPsk">Pass&nbsp;phrase:</label></td>
124                 <!-- either 32 hex digits or ASCII that WPA hashes to a 256-bit key -->
125                 <td><input type="text" size="40" maxlength="63" name="wlWpaPsk" id="wlWpaPsk" class="clsTextfield" value="<%ejGetWlHTML(wlWpaPsk)%>"><br/>
126                         <span class="clsNote">(The pass phrase must be between eight and sixty-three characters long.)</span>
127                         </td>
128         </tr>
129
130         <!-- WEP -->
131         <tr id="idWEPkeytype">
132                 <td><label>Key type:</label></td>
133                 <td>
134                         <select id="cbWEPkeytype" onchange="setMaxLength(true, this.value, wlKey1);">
135                                 <option value="type128ASCII" selected>128-bit ASCII</option>
136                                 <option value="type128hex">128-bit hex</option>
137                                 <option value="type64ASCII">64-bit ASCII</option>
138                                 <option value="type64hex">64-bit hex</option>
139                         </select>
140                 </td>
141         </tr>
142
143         <tr id="idKey1" valign="top">
144                 <td><label for="idKeyValue1">Key:</label></td>
145                 <td><input type="text" size="40" maxlength="58" name="wlKey1" id="idKeyValue1" class="clsTextfield" value="<%ejGetWlHTML(wlKey1)%>"><br/>
146                         <span class="clsNote">(The key must be <span id="idKeyNumChars"></span>&nbsp;characters long.)</span>
147                 </td>
148         </tr>
149 </table>
150
151 <p id="idEncryptWPA">
152 U.S.&nbsp;Robotics recommends that you treat your <b>WPA pass phrase</b> like
153 a password and use a combination of alphanumeric characters that is not
154 easy to guess (such as &ldquo;5Rock2Fish9Sand&rdquo; or &ldquo;20Dogs933Trot&rdquo;).
155 </p>
156 <div id="idEncryptNo" style="display: none;" class="clsNotice">
157         <p>Please note that you have disabled encryption on the router and your
158         wireless network will be insecure. Unauthorized wireless devices may be
159         able to connect to your network, use your Internet connection, and access
160         your computers.
161         You can enable encryption later on the router&rsquo;s <b>Security</b> page.</p>
162 </div>
163
164
165 <p class="clsSave">You will need to enter these values when you configure a wireless client.
166 After setup is complete, these values will be displayed on the
167 router&rsquo;s <b>Status</b> page,
168 and you can write them down or print them.
169 </p>
170
171 <p>When you&rsquo;re finished and ready to apply your changes, press <b>Apply</b>.</p>
172 <p><input type="submit" class="clsBtnSave" name="btnSubmit" value="Apply" onclick="if (!validatePage()) return false;"></p>
173 <!-- If all entries are valid, Status page (info.html) is displayed. An error keeps the user here. -->
174
175 </form>
176
177 <script type="text/javascript">
178         writeFooter();
179 </script>
180
181 </body>
182 </html>