Need Help in Defining the Right QuerySelector

[Lynda]

The situation:

1. I am not a Java programmer, and am trying to learn it as fast as I can .
2. I have a Reports data page.
3. I am trying to manipulate the font colors based on a comparison against another table field. There are nine fields (columns) for each row of returned results.

1. In the Footer of the page, I have inserted the following Java Script:

<script>
document.addEventListener('DataPageReady', function (event) {
var isi = document.querySelector("td[class*='cbResultSetTableCellNumberDate'] span");

if( isi.innerHTML>= ([@authfield:Calories]*.20)){
    isi.parentNode.style.color = '#FF9900';
}
else{
    isi.parentNode.style.backgroundColor = '#2F5597';
}
});

</script>

1. When I run the script and inspect the page, I see this. I know that I am not selecting the right Selector and have tried several different levels, but I can't make it work. As I stated before, I am not a Java pgrm and am flying blind.

Can someone please help me?

Lynda

 

 

[cheonsa]

Hi @Lynda,

May I know which field are you comparing the Calories field  isi.innerHTML>= ([@authfield:Calories]*.20)? Can you specify the condition that you would like to apply?

By the way, you can check this forum post for some idea.