title: Getting the text from CSS Tooltip
body: <p>Good evening to everybody! I'm still learning HTML and JavaScript and got the following task. I have an Interactive Report in Oracle Apex 4.2.6.0003, in which there is one column that due to its length (over five words) should be got brief. For solving that problem I've come up with using CSS tooltips. The code which is inside of the field looks like this:</p>
  
  <pre><code>&lt;div class="inside"&gt;
   &lt;a class="tooltip" href="#"&gt;
    &lt;span class="preview"&gt;The first few words from field....&lt;/span&gt;
    &lt;br/&gt;see more
    &lt;span class="hidden"&gt;The whole text from field&lt;/span&gt;
   &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I made the column to have this formatting due to Dynamic Action. And CSS classes used in my code are these:</p>
  
  <pre><code>div.inside{
    display: block;
    z-index: 9900
  }
  span.preview{
    color: rgb(0,0,0);
  }
  a.tooltip{
    display: block;
    position: relative;
    text-decoration: none;
  }
  a.tooltip span.hidden{
    display: none;
    position: absolute;
    z-index: 9990;
  }
  a.tooltip:hover span.hidden{
    display: block;
    position: absolute;
    z-index: 10000;
    padding: 3px 3px 5px 5px;
    width: 45ch;
    height: auto;
    right: 0ch;
    text-decoration: none;
    background-color: rgb(100,100,0);
    color: rgb(0,0,0);
  }
  </code></pre>
  
  <p>Moreover, for seeing the tooltips I had to write in all the -cells of my IR "overflow: visible" in attribute "style". And all is fine except one imperfection: the text, which lies inside of tag "span" of class "hidden", cannot be selected by means of mouse - I just receive crossed circle instead of any other kind of cursor. I've tried to use the following Javascript code to get workaround:</p>
  
  <pre><code>$("a.tooltip").click(function(){
    window.clipboardData.setData('text',$(this).find("span.hidden").html());
    return false;
  });
  </code></pre>
  
  <p>but it doesn't work at all - it just does nothing. Besides, I've already read for many times that getting the text to clipboard not in Internet Explorer is almost impossible. But I'm using Firefox and I should write code for this browser, and it is much desirable NOT to change any options concerned with security.</p>
  
  <p>So my question is: what should I do to be able to select the text from my CSS tooltip and get it copied to clipboard?</p>