Hi Evgene,
Many thanks, that worked in terms of coloring the 'Unread' items. However, when I click on one of the item, the color does not change as it happens for other items ('Read'). I use the following Js onclick mobilegridcell_285_326 to change the selected item color on click:
pre
$('[name="mobilegridcell_285_326"]').css("background-color", "#c8ddd4");
$(this).css("background-color", "#ffffff");
/pre
The script above works fine for those items that have not been colored in mapping (using your script above) and remained in their original colores (their status is not 'Unread'. But it does not work for those have been colored in mapping.
I tried the following on page show to change the color back after 5 sec:
pre
setTimeout(function() {
$(".highlighted-red").css("background-color", "#c8ddd4");
}, 5000);
/pre
But it did not work.
What I am trying to achieve is
ol
liTo revert those item which have been painted (in mapping using the script you advised) to their original color after 5 sec of page show. /li
liTo change the color of the selected item to white on click regardless the current color/li
/ol
Many thanks for your help!