title: How do I change the default tooltip when dragging an external image into a div?
body: <p>I am uploading images by dragging them from my disk and dropping them onto a <code>div</code>. This bit is accomplished. </p>
  
  <p>What I want to do is to somehow configure the default tooltip that gets shown when the dragged image is on the drop area. </p>
  
  <p>To be more specific, I'd like to replace <code>Move</code> with my own text:</p>
  
  <p><a href="https://i.stack.imgur.com/JYd0T.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JYd0T.png" alt="To be more specific, I&#39;d like to replace &#39;move&#39; with my own text"></a></p>
  
  <p>Any pointers on how to accomplish this using plain JavaScript (or otherwise) or even if it is possible would be great.</p>
  
  <p>Here's my JavaScript code. At some point I am injecting this element into the <code>DOM</code>. To reiterate, this functionality works fine, it's just that I want to change the default text in tooltip which shows up when I have dragged an image onto this element (as shown in the image above).</p>
  
  <pre><code>var imageHolderDiv = UWA.createElement('div', {
    'id': 'uploadImageButton',
    'class': 'uploadImageButton',
    'styles': {
      'width': '104px',
      'height': '104px',
      'vertical-align': 'top'
    },
    'events': {
      dragenter: function(event) {
        counter++;
        imageHolderDiv.classList.remove('uploadImageButton');
        imageHolderDiv.classList.add('somethingIsDraggedOverMe');
      }.bind(this),
  
      dragleave: function(event) {
        counter--;
        if (counter == 0) {
          imageHolderDiv.classList.remove('somethingIsDraggedOverMe');
          imageHolderDiv.classList.add('uploadImageButton');
        }
      }.bind(this),
  
      dragover: function(event) {
        imageHolderDiv.classList.add('somethingIsDraggedOverMe');
        //kill any default behavior
        event.stopPropagation();
        event.preventDefault();
      }.bind(this),
  
      drop: function(event) {
        //kill any default behavior
        event.stopPropagation();
        event.preventDefault();
  
        imageHolderDiv.classList.remove('somethingIsDraggedOverMe');
        imageHolderDiv.classList.add('uploadImageButton');
  
        var file = event.dataTransfer.files[0];
        var that = this;
        if (file &amp;&amp; file.type.match('image.*')) {
          MyWebServices.uploadImage({
              file: file,
              fileName: file.name
              onComplete: function(res, args) {},
              onFailure: function() {}
            );
          }
          else {
            //if its not an image
          }
        }.bind(this)
      }
    });
  });
  </code></pre>
  
  <p>Thanks in advance.</p>