Hi,
I am trying this in IE6 and found not working. In Firefox it is
working as expected
<html>
<head>
<script type="text/javascript" src="jquery-1.3.1.js"></script>
<script type="text/javascript" src="jquery.tooltip.js"></script>
<style type="text/css">
select{
width: 60;
}
option{
width: 60;
}
</style>
<!-- Include custom code to handle the tooltip -->
<script type="text/javascript">
$(document).ready(function(){
//After loading the page insert the title attribute.
$(function(){
$("select option").attr( "title", "Nits" );
$("select option").each(function(i){
this.title = this.text;
})
});
//Attach a tooltip to select elements
$("select").tooltip({left: 70});
});
</script>
<body>
<!-- When moving the mouse over the below options -->
<select>
<option>very long option text 1</option>
<option>very long option text 2</option>
<option>very long option text 3</option>
<option>very long option text 4</option>
<option>very long option text 5</option>
<option>very long option text 6</option>
</select>
</body>
</html>
Please HELP!
