title: mouseover to show full data of cell
body: <p>I have a table of rows that have various bits of data in it.  One of the fields "name" could contain a string with unknown length.  To make the table look good, if its length is greater then 35, the value of $name is a substring of the whole value.</p>
  
  <pre><code>    if (strlen($value['name']) &gt; 35)
      {
              $name = substr($value['name'],0,35) . "......";
      }
      else
      {
              $name = $value['name'];
      }
      echo "&lt;tr id='" . $value['number'] . "'&gt;";
              echo "&lt;td width='10%'&gt;" . $value['number'] . "&lt;/td&gt;";
              echo "&lt;td width='30%'&gt;" . $name . "&lt;/td&gt;";
              echo "&lt;td width='10%'&gt;" . $value['date_entered'] . "&lt;/td&gt;";
              echo "&lt;td width='10%'&gt;" . $value['date_modified'] . "&lt;/td&gt;";
              echo "&lt;td width='1%'&gt;" . $value['status'] . "&lt;/td&gt;";
      echo "&lt;/tr&gt;\n";
  </code></pre>
  
  <p>so "This is a name with a very long string of data in it"
   becomes
   "This is a name with a very long....."</p>
  
  <p>what I am trying to do is create a mouseover affect that if you mouseover this cell, it will   show the full value in a small popup window.</p>
  
  <pre><code> &lt;script&gt;
  
   $(function(){
  
   $('tr').hover(function () {
  
   &lt;&lt;show some data here&gt;&gt;
  });
  });
  &lt;/script&gt; 
  </code></pre>
  
  <p>a few questions.</p>
  
  <ol>
  <li><p>How do i define the selector. this table could have numerous rows, so how can i tell the selector to get the value of the cell on the row im currently moused over?</p></li>
  <li><p>how do i pass the value of the cell to jquery for display?</p></li>
  </ol>
  
  <p>I have tried this from another SO post.</p>
  
  <pre><code>  $('#tickets tr').each(function() {
  var ticketName = $(this).find("td").eq(1).html();    
      alert(ticketName);
  
   });
  </code></pre>
  
  <p>this shows every single ticket's name.</p>