[cros] Tooltips for photo and file buttons on change picture settings page.

chrome/browser/resources/options/chromeos/change_picture_options.js

 // Copyright (c) 2011 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 cr.define('options', function() {
 
   var OptionsPage = options.OptionsPage;
 
   /////////////////////////////////////////////////////////////////////////////
   // ChangePictureOptions class:
@@ skipping 19 matching lines @@
     /**
      * Initializes ChangePictureOptions page.
      */
     initializePage: function() {
       // Call base class implementation to starts preference initialization.
       OptionsPage.prototype.initializePage.call(this);
       // Add "Take photo" and "Choose a file" buttons in a uniform way with
       // other buttons.
       this.addUserImage_(
           'chrome://theme/IDR_BUTTON_USER_IMAGE_TAKE_PHOTO',
+          localStrings.getString('takePhoto'),
           this.handleTakePhoto_);
       this.addUserImage_(
           'chrome://theme/IDR_BUTTON_USER_IMAGE_CHOOSE_FILE',
+          localStrings.getString('chooseFile'),
           this.handleChooseFile_);
       chrome.send('getAvailableImages');
     },
 
     /**
      * Handler for when the user clicks on "Take photo" button.
      * @private
      * @param {Event} e Click Event.
      */
     handleTakePhoto_: function(e) {
@@ skipping 17 matching lines @@
      * @param {Event} e Click Event.
      */
     handleImageClick_: function(e) {
       chrome.send('selectImage', [e.target.src]);
       OptionsPage.navigateToPage('personal');
     },
 
     /**
      * Appends new image to the end of the image list.
      * @param {string} src A url for the user image.
+     * @param {string} title A tooltip for the image.
      * @param {function} clickHandler A handler for click on image.
      * @private
      */
-    addUserImage_: function(src, clickHandler) {
+    addUserImage_: function(src, title, clickHandler) {
       var imageElement = document.createElement('img');
       imageElement.src = src;
+      if (title)
+        imageElement.title = title;
       imageElement.addEventListener('click',
                                     clickHandler,
                                     false);
       var divElement = document.createElement('div');
       divElement.classList.add('list-element');
       divElement.appendChild(imageElement);
       $('images-list').appendChild(divElement);
     },
 
     /**
      * Inserts received images before "Choose file" button.
      * @param {List} images A list of urls to user images.
      * @private
      */
     addUserImages_: function(images) {
       for (var i = 0; i < images.length; i++) {
         var imageUrl = images[i];
-        this.addUserImage_(imageUrl, this.handleImageClick_);
+        this.addUserImage_(imageUrl, "", this.handleImageClick_);
       }
     },
   };
 
   // Forward public APIs to private implementations.
   [
     'addUserImages',
   ].forEach(function(name) {
     ChangePictureOptions[name] = function(value) {
       ChangePictureOptions.getInstance()[name + '_'](value);
     };
   });
 
   // Export
   return {
     ChangePictureOptions: ChangePictureOptions
   };
 
 });