Shuttle Tooltip


Shuttle Tooltip
Based on the several posts in the forum, I created a Shuttle with various features. As the text items can't be wrapped in the Shuttle, I wanted to create a tool tip so that the user can see the entire text. I managed to create one when the user clicks on an item. But, I would really likes to show the tool tip for <font color="red">onmouseover</font> event.
Here is what I have so far:
<b>Page html header</b>
<script type="text/javascript">
function displayHelp(event, pItem) {
var cnt = 0;
var ind = 0;
  for(var i=0; i < pItem.length; i++) {
    if(pItem.selected) {
ind = i;
if(cnt == 1) {
toolTip_enable(event, pItem, pItem[ind].text);
<style type="text/css">
#P1_VISITED_LEFT option{color:red}
#P1_VISITED_RIGHT option{color:green}
and <b>HTML FORM ELEMENT ATTRIBUTE</b> contains the following:style=width:350px; onclick="displayHelp(event,this);"
I am using Apex 3.2 but the same works in Apex 4.0 as well. I have created an application at
Any help is appreciated in making this work for <font color="red">onmouseover</font>
I use the following jQuery code for select list mouseover tooltip. For shuttle it should work
      $('option').each( function(){
        $(this).attr('title', $(this).text());
Read More: The other 5 answers