Tooltip for IR report(Apex 3.2)header column

Question

Hello Everyone,
I need help in setting up a tooltip for report hearder in interactive reports. I tried the following methods:
1) By assigning a div title for column Deptno(This code is taken from the html source of IR report column):
<th id="DEPTNO" >
<div id="apexir_DEPTNO" onclick="gReport.controls.widget(this.id)" style="">
Deptno
<div title="Tooltip text for first div">&lt/div>
</div>&lt/th>
2) With javascript & css : I put the following line on report header edit section:
< a class="tooltip" href="#">Tooltip<span>This is the crazy little Easy Tooltip Text.</span></a>
Nothing really solved my problem. Is there any easy way of resolving the above issue?
Thanks in advance for your help.
- Parveen
Edited by: Parveen Sehrawat on Mar 14, 2012 2:58 PM

Answer 1

Hi,
Blog post example do not work with APEX 3.2
By default on APEX 3.2 you do not have jQuery and dynamic actions.
You can do same with APEX 3.2 if you use htmldbQuery plugin
http://sourceforge.net/projects/htmldbquery/
Integrate plugin and jQuery to APEX
Then create page process before regions
DECLARE
  l_sql VARCHAR2(32700);
BEGIN
  l_sql := '
  SELECT COLUMN_ALIAS,
    HELP_TEXT
   FROM APEX_APPLICATION_PAGE_IR_COL
  WHERE APPLICATION_ID = :APP_ID
    AND PAGE_ID = :APP_PAGE_ID
    AND HELP_TEXT IS NOT NULL
  HTP.p ('<script type="text/javascript">');
  -- Create JSON object.
  HTP.prn ('var gIrColHelp = $u_eval(''(');
  APEX_UTIL.JSON_FROM_SQL(l_sql);
  HTP.prn (')'');');
  HTP.p ('</script>');
END;Add to page HTML header
<script type="text/javascript">
$.htmldbIrReady(function(){
$.each(gIrColHelp.row,function(i,jd){
  $($x("apexir_"+jd.COLUMN_ALIAS)).parent("th").attr({"title":jd.HELP_TEXT});
</script>See working example
http://actionet.homelinux.net/htmldb/lspdemo?p=220
Regards,
Jari
http://dbswh.webhop.net/dbswh/f?p=BLOG:HOME:0
Edited by: jarola on Mar 15, 2012 4:53 PM