Java Scripts for Apex page

Question

Hi All,
i have a Apex page -Report page (having +ve ,-ve numbers)
i have to change the color of the numbers :
1)+ve to Green
2)-ve to Red
2)rest s to Black
how can the Java scripts looks likes for below tables structure
CUSTO   SWITCH       PORT1      PORT2      PORT3                               
JCI     S1               0          4          3                               
JCI     S2              -3          3         -8                               
JCI     S3               6         -7         -5                               
JCI     S4              -2          0          0                               
JCI     S5               0          2          0  
Sum                    1          2         -10
summation happening by using Apex feature
Report Attribute->Report column-sum(check box)
i try to apply the below code in the Region Source of Apex page
Re: coloring  positive and negetive number of a report
like this
SELECT col1,
       CASE WHEN col2 > 0
            THEN '<span style="color:green">'||TO_CHAR(col2)||'</span>'
            WHEN col2 < 0
            THEN '<span style="color:red">'||TO_CHAR(col2)||'</span>'
            ELSE TO_CHAR(col2)
       END col2
FROM   src_data
But the problem i am getting is not able apply to the Sum rows(because it happening by using Apex page feature)
so i want go for Java ScriptsRegards
Amu

Answer 1

Hi Amu,
I don't know if that's the best way to do it, but that's how i handle this:
I usually copy the report template and name it for the specific region. Then I change it by customizing "After rows" specially for the report, adding something something like:
<tr>
<td colspan = "2" class="data" style="text-align: left; font-weight: bold;">Sum</td>
<td class="data" style="text-align: right;"><div id="port_total"> </div></td>
<td class="data" style="text-align: right;"><div id = "port2_total"> </div></td>
<td class="data" style="text-align: right;"><div id="port3_total"> </div></td>
</tr>I calculate the totals in hidden items on my page and then check them in my javascript and display them in the corresponding <div>s, adding style for the positive and negative colours. Something like
document.getElementById('port_total').innerHTML = $v('P1_PORT_TOTAL');
if($v('P1_PORT_TOTAL') > 0) {document.getElementById('port_total').style.color="green";}
if($v('P1_PORT_TOTAL') < 0) {document.getElementById('port_total').style.color="red";}Regards,
Vlad