userapps/broadcom/cfm/html/ddnsadd.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>DNS Add</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         <script type="text/javascript">
  15 <!-- hide
  16 setPageTitle("<%ejGetWl(wlInterface)%>");
  17
  18 function ddnsChange() {
  19   with ( document.forms[0] ) {
  20     var ddns = ddnsMode[ddnsMode.selectedIndex].value;
  21
  22     switch( ddns ) {
  23     case "dyndns":
  24       hideDDNSInfo( 0 );
  25       hideTZOInfo( 1 );
  26       hideDynDNSInfo( 0 );
  27       break;
  28     case "tzo":
  29       hideDDNSInfo( 0 );
  30       hideTZOInfo( 0 );
  31       hideDynDNSInfo( 1 );
  32       break;
  33     }
  34   }
  35 }
  36
  37 function hideDDNSInfo(hide) {
  38   var status = 'visible';
  39   if ( hide == 1 )
  40     status = 'hidden';
  41   if (document.getElementById) // DOM3 = IE5, NS6
  42     document.getElementById('ddnsInfo').style.visibility = status;
  43   else {
  44     if (document.layers) { // NS4
  45       with ( document.forms[0] ) {
  46         if ( hide == 1 ) {
  47           ddnsHostname.value = '';
  48         } else {
  49           ddnsHostname.value = 'Host name';
  50         }
  51       }
  52     } else {
  53       document.all.ddnsInfo.style.visibility = status;
  54     }
  55   }
  56 }
  57
  58 function hideDynDNSInfo(hide) {
  59   var status = 'visible';
  60   if ( hide == 1 )
  61     status = 'hidden';
  62   if (document.getElementById) // DOM3 = IE5, NS6
  63     document.getElementById('dyndnsInfo').style.visibility = status;
  64   else {
  65     if (document.layers) { // NS4
  66       with ( document.forms[0] ) {
  67         if ( hide == 1 ) {
  68           dyndnsHostname.value = '';
  69         } else {
  70           dyndnsHostname.value = 'Host name';
  71         }
  72       }
  73     } else {
  74       document.all.ddnsInfo.style.visibility = status;
  75     }
  76   }
  77 }
  78
  79 function hideTZOInfo(hide) {
  80   var status = 'visible';
  81   if ( hide == 1 )
  82     status = 'hidden';
  83   if (document.getElementById) // DOM3 = IE5, NS6
  84     document.getElementById('tzoInfo').style.visibility = status;
  85   else {
  86     if (document.layers) { // NS4
  87       with ( document.forms[0] ) {
  88         if ( hide == 1 ) {
  89           tzoEmail.value = '';
  90           tzoKey.value = '';
  91         } else {
  92           tzoEmail.value = 'Name';
  93           tzoKey.value = 'Password';
  94         }
  95       }
  96     } else {
  97       document.all.ddnsInfo.style.visibility = status;
  98     }
  99   }
 100 }
 101
 102 function frmLoad() {
 103   with (document.forms[0]) {
 104     ddnsMode.selectedIndex = 0;
 105   }
 106
 107   ddnsChange();
 108 }
 109
 110 function btnApply(place) {
 111   var loc = place + '?action=add&service=';
 112
 113   if ( place == "ddnsmngr.cmd" ) {
 114     with ( document.forms[0] ) {
 115       switch( ddnsMode[ddnsMode.selectedIndex].value ) {
 116       case 'dyndns':
 117         loc += '1';
 118         break;
 119       case 'tzo':
 120         loc += '0';
 121         break;
 122       }
 123
 124       switch( ddnsMode[ddnsMode.selectedIndex].value ) {
 125       case "dyndns":
 126         update_username = dyndnsUsername.value;
 127         update_password = dyndnsPassword.value;
 128         break;
 129       case "tzo":
 130         update_username = tzoEmail.value;
 131         update_password = tzoKey.value;
 132         break;
 133       }
 134
 135       if ( update_username.length == 0 ) {
 136         if ( ddnsMode[ddnsMode.selectedIndex].value == 'dyndns' )
 137           alert('Empty username.' );
 138         else
 139           alert('Invalid Email address.' );
 140         return;
 141       }
 142       loc += '&username=' + update_username;
 143
 144       if ( update_password.length == 0 ) {
 145         if ( ddnsMode[ddnsMode.selectedIndex].value == 'dyndns' )
 146           alert('Empty password.' );
 147         else
 148           alert('Invalid key.' );
 149         return;
 150       }
 151       loc += '&password=' + update_password;
 152
 153       if ( ddnsHostname.value.length == 0 ) {
 154         alert('Please enter a host name.');
 155         return;
 156       }
 157       loc += '&hostname=' + ddnsHostname.value;
 158
 159       loc += '&iface=' + ddnsInterface[ddnsInterface.selectedIndex].value;
 160     }
 161     var code = 'location.assign("' + loc + '")';
 162     eval(code);
 163   }
 164 }
 165 // done hiding -->
 166         </script>
 167 </head>
 168 <body onload="initMenu('idMenu'); frmLoad();">
 169
 170 <script type="text/javascript">
 171         writeHeader("Dynamic DNS", "<%ejGet(curUserName)%>", "<%ejGetOther(sysInfo, adslStd)%>", "<%ejGetOther(sysInfo, noBrPrtcl)%>", <%ejGetOther(sysInfo, pppIpExtension)%>, <%ejGetOther(sysInfo, enblFirewall)%>, <%ejGetOther(sysInfo, enblNat)%>, "<%ejGetWl(wlInterface)%>", <%ejGet(enblQos)%>);
 172 </script>
 173
 174
 175 <form>
 176         <h3>Add Dynamic DDNS</h3>
 177
 178         <p>This page allows you to add a Dynamic DNS address from
 179         DynDNS.org or TZO.</p>
 180
 181 <p><label for="">Dynamic DNS provider:</label>
 182         <select name="ddnsMode" id="ddnsMode" onChange='ddnsChange()'>
 183                 <option value="dyndns">DynDNS.org</option>
 184                 <option value="tzo">TZO</option>
 185         </select>
 186 </p>
 187
 188         <div id="ddnsInfo">
 189          <table border="0">
 190            <tr>
 191              <td><label for="ddnsHostname">Host name:</label></td>
 192              <td><input type="text" name="ddnsHostname" id="ddnsHostname"></td>
 193            </tr>
 194            <tr>
 195              <td><label for="">Interface:</label></td>
 196              <td><select name="ddnsInterface" id="ddnsInterface">
 197                 <script type="text/javascript">
 198 <!-- hide
 199 {
 200    var interfaceInfo = '<%ejGetOther(wanInterfaceInfo, route)%>';
 201    var interfaces = interfaceInfo.split("|");
 202
 203    for (var i = 0; i < interfaces.length; i++)
 204    {
 205       var names = interfaces[i].split("/");
 206       document.write("<option value=\"" + names[1] + "\">");
 207       document.writeln(interfaces[i]);
 208       document.writeln("</option>");
 209    }
 210    document.writeln("  <option value=\"br0\">LAN/br0</option>");
 211 }
 212 // done hiding -->
 213 </script>
 214         </select></td>
 215       </tr>
 216     </table>
 217   </div>
 218
 219   <div id="dyndnsInfo">
 220     <h3>Dynamic DNS Settings</h3>
 221     <table border="0">
 222       <tr>
 223         <td><label for="dyndnsUsername">User name:</label></td>
 224         <td><input type="text" length="50" name="dyndnsUsername" size="20" maxlen="64"></td>
 225       </tr>
 226       <tr>
 227         <td><label for="dyndnsPassword">Password:</label></td>
 228         <td><input type="text" length="50" name="dyndnsPassword" id="dyndnsPassword"></td>
 229       </tr>
 230     </table>
 231   </div>
 232
 233   <div id="tzoInfo">
 234     <h3>TZO Settings</h3>
 235     <table border="0">
 236       <tr>
 237         <td><label for="tzoEmail">E-mail:</label></td>
 238         <td><input type="text" size="50" maxlength="200" name="tzoEmail" id="tzoEmail"></td>
 239       </tr>
 240       <tr>
 241         <td><label for="tzoKey">Key:</label></td>
 242         <td><input type="text" size="50" maxlength="100" name="tzoKey" id="tzoKey"></td>
 243       </tr>
 244     </table>
 245   </div>
 246
 247         <p><input type="button" value=" Add " onClick="btnApply('ddnsmngr.cmd');"></p>
 248
 249 </form>
 250
 251 <script type="text/javascript">
 252         writeFooter();
 253 </script>
 254
 255 </body>
 256 </html>