9f7dc2ae7f3e7ec7cd46e3af60df00fff09530ad
[bcm963xx.git] / userapps / broadcom / cfm / html / wlsetup.html
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 <!--
3         (c) 2005 U.S. Robotics Corporation
4 -->
5 <html>
6 <head>
7         <title></title>
8
9         <link href="usr_main.css" rel="stylesheet" type="text/css">
10         <script src="usr_menus.js" type="text/javascript"></script>
11         <script src="usr_common.js" type="text/javascript"></script>
12
13         <meta HTTP-EQUIV='Pragma' CONTENT='no-cache'>
14
15         <script type="text/javascript" src="util.js"></script>
16         <script type="text/javascript">
17 <!-- hide
18 setPageTitle("<%ejGetWl(wlInterface)%>");
19
20 var ssid = '<%ejGetWl(wlSsid)%>';
21 var enbl = '<%ejGetWl(wlEnbl)%>';
22
23 function hideWlSecInfo(hidden) {
24    var status = 'visible';
25
26    with ( document.forms[0] ) {
27       if ( hidden == 1 ) {
28          status = 'hidden';
29          wlSsid.disabled = 1;
30       } else {
31          wlSsid.disabled = 0;
32       }
33    }
34
35    if (document.getElementById)  // DOM3 = IE5, NS6
36       document.getElementById('wlSecInfo').style.visibility = status;
37    else {
38       if (document.layers == false) // IE4
39          document.all.wlSecInfo.style.visibility = status;
40    }
41 }
42
43 function wlSecCbClick(cb) {
44    if ( cb.checked == true ) {
45       hideWlSecInfo(0);
46    } else {
47       hideWlSecInfo(1);
48    }
49 }
50
51 function frmLoad() {
52    with ( document.forms[0] ) {
53       if ( enbl == '1' ) {
54          wlEnbl.checked = true;
55          hideWlSecInfo(0);
56       } else {
57          wlEnbl.checked = false;
58          hideWlSecInfo(1);
59       }
60       wlSsid.value = ssid;
61    }
62 }
63
64 function btnNext() {
65    var loc = 'ntwksum2.wl?';
66
67    with ( document.forms[0] ) {
68       if ( wlEnbl.checked == false ) {
69          loc += 'wlSsid=' + ssid;
70          loc += '&wlEnbl=0';
71       } else {
72          if ( wlSsid.value == '' ) {
73             alert('SSID should not be empty.');
74             return;
75          }
76          var str = new String();
77          str = wlSsid.value;
78          if ( str.length > 32 ) {
79             alert('SSID "' + wlSsid.value + '" should not be longer than 32 characters.');
80             return;
81          }
82
83          loc += 'wlSsid=' + encodeUrl(wlSsid.value);
84
85          if ( wlEnbl.checked == true )
86             loc += '&wlEnbl=1';
87          else
88             loc += '&wlEnbl=0';
89       }
90    }
91
92    var code = 'location.assign("' + loc + '")';
93    eval(code);
94 }
95
96 function btnBack() {
97    var prtcl = '<%ejGetOther(memInfo, ntwkPrtcl)%>';
98    var ipExtension = '<%ejGet(pppIpExtension)%>';
99    var loc = 'lancfg.html';
100
101    if ( prtcl == 'Bridge' )
102       loc = 'lancfgbr.html';
103    else if ( (ipExtension == '1') &&
104              ((prtcl == 'PPPoE') || (prtcl == 'PPPoA')) )
105       loc = 'lancfgbr.html';
106    else
107       loc = 'lancfg.html';
108
109    var code = 'location.assign("' + loc + '")';
110    eval(code);
111 }
112
113 // done hiding -->
114       </script>
115 </head>
116 <body onload="initMenu('idMenu'); frmLoad();">
117
118 <script type="text/javascript">
119         writeHeader("Wireless", "<%ejGet(curUserName)%>", "<%ejGetOther(sysInfo, adslStd)%>", "<%ejGetOther(sysInfo, noBrPrtcl)%>", <%ejGetOther(sysInfo, pppIpExtension)%>, <%ejGetOther(sysInfo, enblFirewall)%>, <%ejGetOther(sysInfo, enblNat)%>, "<%ejGetWl(wlInterface)%>", <%ejGet(enblQos)%>);
120 </script>
121
122 <h3>Setup</h3>
123
124 <form>
125    <p><input type='checkbox' name='wlEnbl' id='wlEnbl' onClick='wlSecCbClick(this)' value="ON">
126    <label for="wlEnbl">Enable wireless connections</label></p>
127
128    <div id='wlSecInfo'>
129            <p>Enter the name of the wireless network (also known as the SSID).</p>
130                 <p><label for="wlSsid">Network name:</label> <input type='text' name='wlSsid' id='wlSsid' maxlength="32" size="20"></p>
131    </div>
132
133    <p><input type='button' onClick='btnBack()' value='Back'> <input type='button' onClick='btnNext()' value='Next'></p>
134 </form>
135
136
137 <script type="text/javascript">
138         writeFooter();
139 </script>
140
141 </body>
142 </html>