select list

Ayrton · Jul 30, 2005

I need to have tooltips in a select list (or combo ), are there some
examples ?

Stephen Chalmers · Jul 30, 2005

Ayrton said:
I need to have tooltips in a select list (or combo ), are there some
examples ?

None that I could find, other than by simulating a select box in CSS.
The following works in the Mozilla family only. In I.E. and Opera I could not add mouseover events successfully to the
option elements. Perhaps someone else can.

<HTML>
<BODY>

<DIV ID='optionTip'> </DIV><BR>

<FORM name='f1'>
<SELECT name='actions'>
<OPTION value='moon'>Moon</OPTION>
<OPTION value='earth'>Earth</OPTION>
<OPTION value='mercury'>Mercury</OPTION>
</SELECT>
</FORM>

<SCRIPT type="text/javascript">
var optionHelp=['Pull the Moon out of orbit',
'Collide the Earth with Mars',
'Collide Mercury with Venus' ];

if(document.forms.f1.innerHTML)
with(document.forms.f1)
for(var i=0; i<actions.length; i++)
{
actions.options.onmouseover=new Function("document.getElementById('optionTip').innerHTML=optionHelp["+i+"];");
actions.options.onmouseout=function(){document.getElementById('optionTip').innerHTML=' ';};
}

</SCRIPT>
</BODY>
</HTML>

Ayrton · Aug 1, 2005

Sembra che Stephen Chalmers abbia detto :

Ayrton said:
Ayrton said:

I need to have tooltips in a select list (or combo ), are there some
examples ?

Click to expand...

None that I could find, other than by simulating a select box in CSS.
The following works in the Mozilla family only. In I.E. and Opera I could
not add mouseover events successfully to the option elements. Perhaps
someone else can.

<HTML>
<BODY>

<DIV ID='optionTip'> </DIV><BR>

<FORM name='f1'>
<SELECT name='actions'>
<OPTION value='moon'>Moon</OPTION>
<OPTION value='earth'>Earth</OPTION>
<OPTION value='mercury'>Mercury</OPTION>
</SELECT>
</FORM>

<SCRIPT type="text/javascript">
var optionHelp=['Pull the Moon out of orbit',
'Collide the Earth with Mars',
'Collide Mercury with Venus' ];

if(document.forms.f1.innerHTML)
with(document.forms.f1)
for(var i=0; i<actions.length; i++)
{
actions.options.onmouseover=new
Function("document.getElementById('optionTip').innerHTML=optionHelp["+i+"];");

actions.options.onmouseout=function(){document.getElementById('optionTip').innerHTML=' ';};
}

</SCRIPT>
</BODY>
</HTML>

I've try your example, but the event mouseover don't fire when the
mouse il over an item of select.
My browser is IE 6.0

Stephen Chalmers · Aug 1, 2005

Ayrton said:
I've try your example, but the event mouseover don't fire when the
mouse il over an item of select.
My browser is IE 6.0

Which is quite consistent with what I said.

Select Eof extension files based on text list of filenames with if condition	1	May 4, 2022
Select files based on text list of filenames(part of the name:date) with condition	0	May 4, 2022
How to fetch database row and display in Qlabels with QcomboBox selected value in PyQt5	8	Jul 10, 2021
Css for one "select option" box , "valid" and "invalid"	4	Feb 21, 2025
Javascript fill function data from multidimensonal array	0	Dec 11, 2022
MySQL - How to use SELECT UNION with different ORDER BY statements?	0	Mar 25, 2023
Changing string value that is an element of a list	3	Feb 10, 2025
Average of MultiMode of a list of a list	1	Oct 28, 2022

select list

Ayrton

Stephen Chalmers

Ayrton

Stephen Chalmers

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads