Proxy settings automation hooks and related proxy settings fixes.

chrome/browser/resources/options/chromeos_proxy.html

 <div class="page hidden" id="proxyPage">
   <h1 i18n-content="proxyPage"></h1>
   <section>
     <h3 i18n-content="proxy_config_title"></h3>
     <div>
       <div class="radio">
         <label>
           <input type="radio" id="directProxy" name="proxytype"
               pref="cros.session.proxy.type" value="1">
           <span i18n-content="proxyDirectInternetConnection"></span>
@@ skipping 14 matching lines @@
         </label>
       </div>
       <div id="singleProxy">
         <table>
         <tr><td><span
             i18n-content="httpProxy"></span>
           <input id="proxyHostSingleName" type="text" size="30" pref="cros.session.proxy.singlehttp" disabled>
           </td><td>
           <span
             i18n-content="proxyPort"></span>
-          <input id="proxyHostSinglePort" type="text" size="5" pref="cros.session.proxy.singlehttpport" disabled>
+          <input id="proxyHostSinglePort" type="text" dataType="number" size="5" pref="cros.session.proxy.singlehttpport" disabled>

[xiyuan, 2011/04/04 21:24:20]

I don't think we need a new "dataType" attribute. If you need an integer, you
could change type="text" to type="number". That should bind to PrefNumber and
give you an integer back. And webkit would also validate user's input as well.

[dtu, 2011/04/04 22:48:57]

I tried type="number". Having the input validation is nice, and you can set min
and max values; however, using this element changes the UI in two ways that are
not preferable:
1. It adds up/down arrows into the box, which are not useful when entering a
port number.
2. When you take focus off the box, it automatically adds thousands separators,
e.g. 12345 becomes 12,345.
#2 is a bigger problem. I thought there might be some way to change the behavior
using CSS or JS but couldn't find any documentation on it since it is a new
HTML5 element and this seems to happen only in recent versions of Chrome.

[xiyuan, 2011/04/04 23:31:18]

Okay. In this case, I am okay with the new attribute approach.

           </td></tr>
         </table>
       </div>
       <div id="multiProxy">
         <table>
         <tr>
         <td><span
             i18n-content="httpProxy"></span></td><td>
           <input id="proxyHostName" type="text" size="30" pref="cros.session.proxy.httpurl" disabled>
         </td><td>
         <span
           i18n-content="proxyPort"></span></td><td>
-        <input id="proxyHostPort" type="text" size="5" pref="cros.session.proxy.httpport" disabled>
+        <input id="proxyHostPort" type="text" dataType="number" size="5" pref="cros.session.proxy.httpport" disabled>
         </td></tr>
         <tr>
         <td><span
           i18n-content="secureHttpProxy"></span></td><td>
         <input id="secureProxyHostName" type="text" size="30" pref="cros.session.proxy.httpsurl" disabled>
         </td><td>
         <span
           i18n-content="proxyPort"></span></td><td>
-        <input id="secureProxyPort" type="text" size="5" pref="cros.session.proxy.httpsport" disabled>
+        <input id="secureProxyPort" type="text" dataType="number" size="5" pref="cros.session.proxy.httpsport" disabled>
         </td></tr>
         <tr>
         <td><span
             i18n-content="ftpProxy"></span></td><td>
           <input id="ftpProxy" type="text" size="30" pref="cros.session.proxy.ftpurl" disabled>
           </td><td>
           <span
             i18n-content="proxyPort"></span></td><td>
-          <input id="ftpProxyPort" type="text" size="5" pref="cros.session.proxy.ftpport" disabled>
+          <input id="ftpProxyPort" type="text" dataType="number" size="5" pref="cros.session.proxy.ftpport" disabled>
         </td></tr>
         <tr>
         <td><span
             i18n-content="socksHost"></span></td><td>
           <input id="socksHost" type="text" size="30" pref="cros.session.proxy.socks" disabled>
           </td><td>
           <span
             i18n-content="proxyPort"></span></td><td>
-          <input id="socksPort" type="text" size="5" pref="cros.session.proxy.socksport" disabled>
+          <input id="socksPort" type="text" dataType="number" size="5" pref="cros.session.proxy.socksport" disabled>
         </td></tr>
         </table>
       </div>
       <div class="radio">
         <label>
           <input type="radio" id="autoProxy" name="proxytype"
               pref="cros.session.proxy.type" value="3">
           <span i18n-content="proxyAutomatic"></span>
         <label>
       </div>
@@ skipping 12 matching lines @@
        <div i18n-content="proxyBypass"></div>
        <list id="ignoredHostList"></list>
        <input id="newHost" type="url" size="30">
        <button id="addHost"
                i18n-content="addHost"></button>
        <button id="removeHost"
                i18n-content="removeHost"></button>
     </div>
   </section>
 </div>