title: How to create a tooltip on rows? Using Jquery or javascript
body: <p>How do you a simple tooltip that displays a image and text when you hover over a row?
  There are many rows and each row should have it owns unique image and text.</p>
  
  <p>My table:</p>
  
  <pre><code>    &lt;div id="tabel"&gt;
      &lt;table id="tabel1" border="0" bordercolor="#000000" style="background-color:#FFFFFF" width="700" cellpadding="0" cellspacing="0"&gt;
          &lt;tr id="toptr"&gt;
            &lt;td&gt;Navn&lt;/td&gt;
            &lt;td&gt;Bedommelse&lt;/td&gt;
            &lt;td&gt;Vaerdi&lt;/td&gt;
            &lt;td&gt;Tid&lt;/td&gt;
            &lt;td&gt;Udtraekkes&lt;/td&gt;
            &lt;td&gt;Type&lt;/td&gt;
         &lt;/tr&gt;
         &lt;% end %&gt;
      &lt;% @konkurrancer.each do |vind| %&gt;
         &lt;tr onclick="window.open('&lt;%= vind.tracking %&gt;')" onmouseout="this.style.background='white';" onmouseover="this.style.background='#99ff33';this.style.cursor='pointer'"&gt;
            &lt;img src="#" style="display:none"&gt;&lt;img&gt;&lt;p style="display:none"&gt;HOVER TEKST&lt;/p&gt;
            &lt;td&gt;&lt;%= vind.navn %&gt;&lt;/td&gt;
            &lt;td&gt;4 ud af 5&lt;/td&gt;
            &lt;td&gt;&lt;%= number_to_currency(vind.vaerdi, :unit =&gt; "DKK", :separator =&gt; ".", :delimiter =&gt; ".", :format =&gt; "%n %u", :precision =&gt; 0) %&gt;&lt;/td&gt;
            &lt;td&gt;2 min&lt;/td&gt;
            &lt;td&gt;Nyhedsbrev&lt;/td&gt;
            &lt;td&gt;&lt;%= vind.udtraekkes.strftime("%d %B") %&gt;&lt;/td&gt;
         &lt;/tr&gt;
      &lt;% end %&gt;
      &lt;/table&gt;
  </code></pre>