Click to See Complete Forum and Search --> : List bullet toggle


Capone
09-08-2003, 02:07 AM
How can I toggle between bullet and no bullet in an unordered list on a mouseover of the list item?

css:

li{list-style-type:none;}
li{list-style-type:disc;}

Fang
09-08-2003, 02:29 AM
li.nothing {list-style-type:none;}
li.a_label {list-style-type:disc;}

Capone
09-08-2003, 02:57 AM
Thank you, Fang. As I understand it, your lines would make classes of list items with or without bullets. But how to get to bullets appearing/disappearing on mouseover/mouseout on a single list item?

Fang
09-08-2003, 03:04 AM
Initial class should be 'nothing'
onmouseover="this.className='a_label';"
onmouseout="this.className='nothing';"

Capone
09-08-2003, 03:11 AM
Thank you. Excellent. Works perfectly.