multicolor Listbox

Forum Moderators: open

Message Too Old, No Replies

multicolor Listbox

kadnan

5:59 am on Oct 12, 2005 (gmt 0)

I am generating listBox items via database values,is it possible to set different color of some items on the basis of some criteria?

Thanks

-adnan

kadnan

6:47 am on Oct 12, 2005 (gmt 0)

let me add one thing that Items of listbox are being generated by calling new Option() method,and i dont know how can i assign seprate IDs for each newly added Item

Bernard Marx

10:17 am on Oct 12, 2005 (gmt 0)

Tested OK in IE6 & FF.
Opera generates options, but ignores styling.

<html><head>
<script type="text/javascript">function go()
{
  var select, colors, color, select, k;
  colors = ['#FF0066','#FF3366','#FF6666','#FF9966','#FFCC66','#FFFF66'];
  select = document.getElementById('select');
  options = select.options;
  for(k=0;color=colors[k];k++)
  {
    options[k] = new Option(color,color)
    options[k].style.backgroundColor = color;
  }
  mozChangeBG(select);
}
// Moz doesn't use BG of selected option.
// Need to change select BG manually
function mozChangeBG(select)
{
  if(document.all&&!window.opera) return;
  select.style.backgroundColor
    = select.options[select.selectedIndex].value;
}</script>
</head>
<body>
  <select id="select" onchange="mozChangeBG(this)">
  </select>
  <button onclick="go()"> go </button>
</body>
</html>