Hello John,

You can do that using jQuery.
Put this code - or something similar that matches your situation - in your Page HTML Header

<style>
.current
{ background : red !important;
}
</style>
<script type="text/javascript">
$(function()
{
  $('a').click(function()
 {  $('td').removeClass('current');
    $(this).parent().parent().children().addClass('current') ;
    return false;
 });
});
</script>

That will add a class (current) to all TD elements in the same row as your anchor.
See this example: [http://apex.oracle.com/pls/otn/f?p=ROEL:CURROW]

Greetings,
Roel
http://roelhartman.blogspot.com/
You can reward this reply by marking it as either Helpful or Correct

Edit your Report template
Before Each Row : <tr #HIGHLIGHT_ROW#>
After Each Row :</tr>
And set the Row Highlighting :
Background color for checked row
Background color for current row

Hi Roel,
I tried Your script and highlighting working very nice, but from this time I can’t use the buttons from this page (incl. APEX links – ‘Application xxx’, ‘Edit page yy’... ). Please have You any idea what I am doing wrong?
Thank You very much

Alexej

Hello Alexej,

The script 'replaces' all anchor tags with the code above, so also the APEX links . Should be restricted to certain classes or objects (like all anchors in a TD : TD > A). So examine the generated HTML objects/source using firefox with firebug and determine what makes the links you want to change unique (or make them unique by adding a class, an id or a name).

Set the Link Attributes to : class="alink"
and change $('a').click(function()... in the code to : $('.alink').click(function().

Greetings,
Roel
http://roelhartman.blogspot.com/
You can reward this reply by marking it as either Helpful or Correct

Added code example.

The solution I described earlier didn't work when you moved to the next set of records or added a (runtime) sort or filter, due to the fact that the $(function) wasn't executed again. A better solution is to change the Link Attributes to : onclick=highLight(this); and add the highLight function to the Page HTML Header (assuming you defined the 'current' style according to the previous post):

<script type="text/javascript">
function highLight( pThis ){
  $('td').removeClass('current');
  $(pThis).parent().parent().children().addClass('current') ;  
}
</script>

I wanted the same without using jQuery. Roel's example set me on the right track. To ensure keeping my current row highligthing after using the pagination links I've managed to dynamicly modify the pagination link in the IR using javascript, but I have a little (I hope) problem left.

I've managed to change the pagination link when rendering the page from

<a h ref="javascript:gReport.navigate.paginate('pgR_min_row=16max_rows=15rows_fetched=15')"></a>

to

<a h ref="javascript:gReport.navigate.paginate('pgR_min_row=16max_rows=15rows_fetched=15');highLight(this)"></a>

Unfortunatly my added code does not notice the changes made by the gReport.navigate.paginate code. It does only work when I add an alert (); in my highLight code. This alert will force showing the changes made in the DOM-model by gReport, allowing the highLight function to re-exame the DOM-model and change the pagination link.

Anyone an idea how to overcome this problem ?

Kind regards,

Ralph

Hi,
does anyone know how to get below highlighting effect in IR, please help

http://apex.oracle.com/pls/otn/f?p=ROEL:CURROW:763487747488998