Select list coloured based on selected value

Question

Hello,
Could anyone please tell me if it is possible to display a LOV with a background colour based on the selected value ?
In fact , I have a report with many select lists whose value can be Y,N,N/A and I would like that the corresponding LOVs have the background colour set according to the value .
Thanks in advance,
Andreea
Edited by: user12064977 on 20-Oct-2009 02:15

Answer 1

Andreea,
Lets assume your select list item name is P1_SL and return values as follows
Display -  Return
N/A     -  NA
YES     -   Y
NO      -   NEdit you page and put JS code similar to following in footer section
<script>
slval = $v("P1_SL");
sl = $x("P1_SL");
if(slval=="Y")
sl.style.backgroundColor="#FFCC80";
else if (slval=="N")
sl.style.backgroundColor="#CCAA80";
else
sl.style.backgroundColor="#CCCC80";
</script>So background color will be set on page load.
Now edit your page and put JS code similar to following in HTML Header section
<script>
function setColor(this1)
slval = this1.value;
if(slval=="Y")
this1.style.backgroundColor="#FFCC80";
else if (slval=="N")
this1.style.backgroundColor="#FFAA80";
else
this1.style.backgroundColor="#CCCC80";
</script>Edit your select list item and set following for 'HTML Form Element Attributes'
onChange="javascript:setColor(this);"So the select list color will be set accordingly 'onChange'.
Cheers,
Hari