Highlight the line in the classic report

Hi all. Is it possible to highlight only one row after the click of the mouse in a classic report? Perhaps with the help of JavaScript (or jQuery). Version of the APEX - 4.1.x

view Denes Kubicek ApEx BLOG: line highlight selected to highlight a current row of the report

See also Notes on Oracle: APEX: select a record in the report - with dynamic Action

Can solve your problem.

Leave.

Tags: Database

Similar Questions

  • Highlight a line in the classic report based on condition

    HI all the gurus

    Apex 4.1.1 using oracle 11g linux oc4j

    I want to emphasize a line where #column_value #= 'Y' to keep gray others like normal report parameters.

    I have a simple sql query

    SELECT PK_ID,
      FIRST_NAME,
      LAST_NAME,
      INITIAL_REG_DATE,
      MAIL_DATE,
      BEGIN_DATE,
      END_DATE,
      END_DATE-BEGIN_DATE as "#days",
      BEGIN_STATUS,
      END_STATUS,  
      COMMENTS,
      DELETE_FLAG,
     case when  DELETE_FLAG='Y' then 'GREY' else '#f0f0f0' end  DELETE_FLAG ,
    INITIAL_REG_DATE+(END_DATE-BEGIN_DATE) "New Reg end date"
    FROM SOR_TRACKING_DEL
    where pk2_id =:P216_Detail
    order by mail_Date desc
    
    
    
    

    I created a dynamic action

    who will be the tree on load, LINK on this classic report

    $("input[name=f29]").each (function () {}

    var lThis = $(this);

    {if (lThis.is("Y"))}

    lThis.parents("tr:eq(0)").children("td").css({"background-color":"GREY"});)

    } else {}

    lThis.parents("tr:eq(0)").children("td").css({"background-color":"#f0f0f0"});)

    }

    });

    But it doesn't change color as expected...

    Kindly help me!

    Thank you

    Scott and Tom

    Thank you guys for looking into this.

    Pls ignore my incorrect explanation and my inexperience with jquery.

    I read some blog and trying to do the same on the classic report, but all blogs, I found to this day called interactive report or tabular report, that none of them mentions classic report.

    I assume that using the classic report will not be a good idea to start with. :/

    I don't know if this is the proper syntax and logic to highlight the line

    $(function(){

    varDELETE_FLAG = $(this);

    If DELETE_FLAG.is("Y"))

    {

      DELETE_FLAG.parents("tr").children("td").css({"background-color":"GREY"});).

    }});

    I also created app here

    http://Apex.Oracle.com/pls/Apex/f?p=35155

    get out of the workspace

    Tester/testing

    request 35155

    Thanks again.

  • change the color of line based on the value of column 5 Apex in the classic report

    Version of the apex 5.0.0.00.31

    Standard universal theme

    Page theme default template

    Classic report

    Foldable report template

    Hello

    I know this question has been asked several times here, but I'm working on 5 Apex and need to know the correct way to do it in this version.

    I need to change the color of the text of the entire line (no background color) based on the value in one of the columns of the classic report. I have just two conditions, if the value of column = Yes, color should be red, otherwise it must be green.

    I am new to jscript and css, so appreciate if someone can tell me the solution with steps.

    I have already checked this link that changes the value of the column, need to do something similar to the whole line.

    https://tylermuth.WordPress.com/2007/12/01/conditional-column-formatting-in-apex/

    Hi coolmaddy007-Oracle,.

    Here's an example set up on the apex.oracle.com according to the specifications you gave: https://apex.oracle.com/pls/apex/f?p=35467:1

    Version of the apex 5.0.0.00.31

    Standard universal theme

    Page theme default template

    Classic report

    Foldable report template

    Here is how it is done:

    Create a dynamic action with the following specifications:

    Name: Give the appropriate name

    Event: After refresh

    Selection type: region

    Region: select your region classic report

    Condition: No strings attached

    Action: Run the JavaScript Code

    Fire on loading the Page: Yes

    Code:

    $('td[headers="JOB"]').each(function() {
      if ( $(this).text() === 'MANAGER' ) {
        $(this).closest('tr').find('td').css({"color":"red"});
      }
      if ( $(this).text() === 'SALESMAN' ) {
        $(this).closest('tr').find('td').css({"color":"green"});
      }
      if ( $(this).text() === 'CLERK' ) {
        $(this).closest('tr').find('td').css({"color":"blue"});
      }
    });
    

    NOTE: Download the selector appropriate for your knowledge $('td[headers="JOB"]') case using firebug/browser development tools.

    Items concerned: leave blank.

    PS: Changed the example to change the color of text instead of the background color.

    I hope this helps!

    Kind regards

    Kiran

  • How to color line specific "BOLD" / inactive in the classic report (oracle apex).

    I have the classic report in oracle apex

    with query below

    Select EMPNO, ENAME, HIREDATE, ADDRESS of emp COMM;

    If the ENAME = "John".

    so, I want to do any "BOLD" line and readonly/inactive. (set of rank who name John)

    Thanks in advance...

    Simple answer: see this blog: reports APEX: color line based on column value

    Thank you

    Tony Miller
    Software LuvMuffin
    Ruckersville, WILL

  • onMouseOver displays the ToolTip of hidden column of the classic report

    What: The goal:
    Access more information that fits on a single line of the screen without using multiple fixed lines.

    Background:
    Classic report with 18 data elements (columns) visible. At the search box, and the user can choose the number of rows displayed.
    Some data elements can be long (20 to 30 characters) compared to the width of the screen. The element more right data risk of 100 characters.

    Proposed strategy:
    (1) display the n first characters of the item (s) long in the report.
    (2) display the entire item onMouseOver.

    Proposed approach:
    (1) for each column with the data of type long, contain the integer value in a hidden item.
    (2) value of (hidden) long display in tooltips (bubble? / ball?) on this value onMouseOver.

    Note: It is not framed to help/Help for a column but the display of the value of long type for a particular element in the line of a column.

    Search feature:
    (1) to reduce maintenance, wants to set up for several columns using a single common block of code.

    Question:
    In view of the other approaches, you know, it's a good approach to achieve the goal? Alternative approaches?

    Howard

    Well it took some time, and you really made me work for it. :)

    For flight hover end result on the job column Ln Nm.
    http://Apex.Oracle.com/pls/Apex/f?p=991202:1

    I added some old code, I had laying around. It adds a bubble that will stay for 5 seconds or until you click Next or move to another record.

    What I would do at this point, it is simply truncate the length of the Nm long to something short (with a substr). Use any indicator wished to hover. Like for example these glasses it's really up to you.

    You will see there is a PLSQL AJAX callback where you can retrieve and format the content of the pop-up window to everything you want. You can make it real.

    Here's what I did:
    1. the new procedure of ShowJob javascript.

    function ShowJob(pThis,pId){
         this.dTimeout;
          clearTimeout(this.dTimeout);
          this.dGet = dGet;
          this.dShow = dShow;
          this.dCancel = dCancel;
          var get = new htmldb_Get(null,$v('pFlowId'),'APPLICATION_PROCESS=FULL_LONG_NAME',$v('pFlowStepId'));
          this.dGet();
         return;
    
         function dGet(){
               this.dTimeout = setTimeout("this.dCancel()",6500);
              get.addParam('x01',pId);
               get.GetAsync(dShow);
         }
    
         function dShow(){
               $x_Hide('rollover');
               if(p.readyState == 1){
               }else if(p.readyState == 2){
               }else if(p.readyState == 3){
               }else if(p.readyState == 4){
                     $x('rollover_content').innerHTML = p.responseText;
                     $x_Show('rollover');
    
                var l = findPosX(pThis)+pThis.offsetWidth+5;
                     var t = findPosY(pThis);
    
                $x_Style('rollover','left',l + 'px');
                     $x_Style('rollover','top',t + 'px');
    
    // This math would center on the vertical
    //                 $x_Style('rollover','left',findPosX(pThis)+pThis.offsetWidth+5);
    //                 $x_Style('rollover','top',findPosY(pThis)-($x('rollover').offsetHeight/2)+($x(pThis).offsetHeight/2));
                   document.onclick = function(e){
                   dCheckClick(e);
                   }
               }else{return false;}
         }
         function dCheckClick(e){
              var elem = html_GetTarget(e);
              try{
                        var lTable = $x_UpTill(elem,"DIV");
                        if(lTable.id!='rollover_content'){dCancel();}
                        else{}
              }catch(err){dCancel();}
         }
    
         function dCancel(){
               $x_Hide('rollover');
              document.onclick = null;
               get = null;
         }
    }
    

    2 rollover div on the page footer (div id = "reversal"...). Of course, this could also be a region.

    < div id = "reversal" style = "display: none;" color: black; background: #FFF; border: 2px solid #369; width: 290px; position: absolute; padding: 4px; » >
    < div id = "rollover_content" > < / div >
    < / div >

    3 PLSQL AJAX callback. : FULL_LONG_NAME

    -- select your value with apex_application.g_x01
    
    htp.p('You hover over ' || apex_application.g_x01 || '
    '); htp.p('Here is the Full Long Name: XXXXXXX XXXXXXX XXXXXXX 1234565');

    4 changed the Nm of Long column to have a link with the onmouseover call that calls the new procedure ShowJob. I made the assumption that with the NUM parameter, you could go the full record of what you need.
    onmouseover = "ShowJob(This,#num#) '"

    This should be it.

    Let me know what you think.
    -Jorge

    Published by: jrimblas on April 22, 2013 13:05: added code to validate for the completion

  • Bug report? WITH the statement contained in the classic report LOV

    I've defined a "list of selection with query based lov' in a column of the classic report, and if I try a clause
    with data as (Select 4 qty from dual)
    select round(100/qty*(level-1)) perc, round(100/qty*(level-1)) c
    from data
    connect by level <= qty +1
    I get this error
    WWV_FLOW_UTILITIES. ERR_LOV
    ORA-06550: line 1, column 45: PLS-00428: an INTO clause in this SELECT statement
    ORA-06512: at "SYS." DBMS_SYS_SQL", line 1249
    ORA-06512: at "SYS." WWV_DBMS_SQL', line 930
    ORA-06512: at "SYS." WWV_DBMS_SQL', line 999
    ORA-06512: at "APEX_040200.WWV_FLOW_DYNAMIC_EXEC", line 695
    ORA-06512: at "APEX_040200.WWV_FLOW_UTILITIES", line 927 >
    It is fine when I remove the WITH and put my value inside the rest of the query.

    Wait?

    Request Express 4.2.1.00.08

    I think you just need to make it clearer to the 'engine '. :)

    Try this:

    select  perc d, c r
    from (
      with data as (Select 4 qty from dual)
      select round(100/qty*(level-1)) perc, round(100/qty*(level-1)) c
      from data
      connect by level <= qty +1
    )
    

    I found that LOV analysis can be picky sometimes.

    Thank you
    -Jorge

  • Special characters in the classic report

    Hello

    I'm unable to display special characters in the classic report.

    "For example""" is coming as ' '.

    Is there a way to fix this?

    It seems that use characterset "WE8ISO8859P15" is causing this issue, which is a single-byte character set and so unable to encode these characters.

    Please correct me if I'm wrong.

  • How to avoid the total general of the classic report when the column break is installed in the Apex

    Hi all

    I develop application using Oracle Apex 4.2.0.

    I created the classic report Page.

    That I have summarized a column by selecting the check box check sum for the column.

    His shows the Grand Total.

    Then I chose the columns to break to the first column.

    His show the total groupwise and total as well as great as image below.

    dc.jpg

    My requirement is

    Need to hide total(Total:)) GroupWise or total general. I need to show any a total, not both.

    How to do this?

    Thank you

    Su.GI

    Su.GI wrote:

    Hi, thanks for your response.

    I use theme - productivity Application - issue 26

    -Standard model

    Report - report of Standart for classic report model.

    The above CSS code where I want to use in the page or report or model region.

    Specify a static region ID for the report area and put the following CSS rule in the CSS Inline property page:

    #static-region-id .uReportStandard tr:last-child td {
      display: none;
    }
    

    where static-region-id is the ID specified for the region.

  • highlighting of lines in the classic report

    I have a classic report with a disabled checkbox that I check a program.

    Using the 25 Standard - apex 4.2.1 report theme

    Only alternate lines are changed by the JavaScript below. Don't know what I have to do

    for all verified ranks has highlighted.

    I created an example on the website of oracle apex.

    user name: [email protected]

    password: whiskers

    http://Apex.Oracle.com/pls/Apex/f?p=36690:2:112760870106921:

    LOCATE THE REPORT * CODE

    Select ename, empno, mgr, hiredate, sal, comm, deptno, job,

    apex_item. CheckBox2 (p_idx = > 29, p_value = > empno,)

    p_attributes = > DECODE (deptno, 10, "checked")

    30, 'checked', NULL)

    || "disabled = disabled") action.

    apex_item. RadioGroup (p_idx = > 30, p_value = > empno,)

    p_attributes = > rb DECODE(deptno,10,'disabled=disabled',))

    WCP

    ******************************CODE ****************************

    I'm trying to highlight the lines when the boxes are ticked and used the code depending on what can be found here:

    onLoad = "javascript:changeTableColor();" »

    ******************************CODE ****************************

    < script type = "text/javascript" >

    var szColorTo = "#F5D0A9";

    var szColorOriginal = "#CCCCCC";

    function changeRowColour (pTarget)

    {

    pTR var = pTarget.parentNode.parentNode;

    If (pTR.nodeName.toLowerCase ()! = 'b')

    {

    return;

    }

    if(pTarget.Checked == true) {}

    pTR.style.backgroundColor = szColorTo;

    } else {}

    pTR.style.backgroundColor = szColorOriginal;

    }

    }

    function changeTableColor() {}

    var columnArray = document.getElementsByName ("f29");

    for (i = 0; i < columnArray.length; i ++)

    {

    changeRowColour ([i] columnArray);

    }

    }

    < /script >

    Hello

    Here is an example of use of jQyery

    $("input[name=f29]").each(function(){
    var lThis=$(this);
    if(lThis.is(":checked")){
      lThis.parents("tr:eq(0)").children("td").css({"background-color":"#F5D0A9"});
    } else {
      lThis.parents("tr:eq(0)").children("td").css({"background-color":""});
    }
    });
    

    Create a dynamic action that fires after the region refresh JavaScript execution. Place above in the code.

    Kind regards

    Jari

  • Select the line of the classic report to pass the value to another classic report on the same page

    Hello

    First a few details about the environment - I use the image of the last download oracle VM developer days to oracle.com. This includes DB version 12.1.0.2 and version 4.2.5.00.08 Apex. For the question although I don't know the specifics of the versions that are relevant.

    What I want to do an apex page which includes an analytical section at the top, followed by a section of retail slot - a line is selected / highlighted at the top which causes the relevant lines in this summary line is displayed. Its screen basically a master-detail - however the source of these two sets of data is just a query - is not a table.

    The query at the top of the page is something like

    Select * summary

    and the section below is

    Select * from details where id = (the value of the id clicked in the summary above)

    This feels like it should be really easy (and indeed, it is for the tables through the apex of master-detail Wizard) - but I can't understand when the two sets of data are the result of queries.

    I can't seem to make reference to the elements of the page when it comes to a report and I think that I might need to go down a kind of dynamic route of actions and jquery, but I don't get very far very fast. I found some notes that seem similar, but nothing which does exactly what I want. The function APEX_APPLICATION to browse a table also doesn't seem to be possible for the output report that I could see (tags are not there) - what is relevant for the forms?

    I hope that I have explained that quite simply.

    Can anyone help?

    See you soon,.

    Rich

    You link column can be just a null value in the sql code, if you want. Change the column and head down to the link attributes.

    Text link: "Click me" (source of sql using #MY_COL columns or #)

    Target: URL

    URL: javascript: $s ('P1_ITEM', #ID);

    Then have onChange dynamic action on P1_ITEM which updates the State. Do not forget to present the value of session state (either property right under the sql or pl/sql prior to update action report). The database needs to know the value of browser before running the query.

  • Disorder by displaying all the lines in the classic report

    Hello

    I have a classic report coming out data based on the variable binding element (which is a selection list). Some entries should have about 200 lines, but the page shows only 15 lines.

    I tried assign none to paging still don't see all the lines. Here is my setup for the pagination of the table: http://i.imgur.com/iQoG0.png

    If I get my pagination back, then I have the chance to see all the lines by clicking next but I need to show all the lines in the page. Is this what I need to do besides assign none to paging?

    Apex 4.1.1

    See you soon

    Hello
    >
    I have a classic report coming out data based on the variable binding element (which is a selection list). Some entries should have about 200 lines, but the page shows only 15 lines.

    I tried assign none to paging still don't see all the lines. Here is my setup for the pagination of the table: http://i.imgur.com/iQoG0.png
    >
    The question of the number of lines determines the number of lines on the page. You have set to 999, which seems correct.
    >
    If I get my pagination back, then I have the chance to see all the lines by clicking next but I need to show all the lines in the page. Is this what I need to do besides assign none to paging?
    >

    Add a paging process reset point treatment "before areas" (or anywhere before this) and you will be ok.
    The browser cache does not clear the paging alone sometimes.

    See you soon,.

  • Entire line of the classic report clickable

    Hello

    I tried this solution to make an entire line in a clickable classic report:
    {message: id = 9656396}

    It worked pretty well, but I have only on the first page of a multi-page report. If I go to the next or previous page lines no longer not clickable. I have tried using livequery but finished with clickable rows on every second page:
    The report of expenses with clickable rows. First time I click on 'next' lines are not clickable, second time they are clickable again and so on.
    My livequery statement looks like this:
    $(document).ready(function()
    {
      $('table tr .myClass td').livequery(function(){
        $(this).css("cursor","pointer");
        return false;
      });
    });
    Can someone please give me an advice what I'm doing wrong here and how to solve my problem?

    See you soon,.
    Andreas

    PS: How can I format the source code in this forum?

    Edit: format

    It works for me, it should work for you.

    Using partial page refresh?
    You put the code (without

  • How to put the checkbox in the classic report header line?

    Hello

    I have a classic report that has an element of control as the first column. I would like to put an element of the checkbox in the header, line when what it is supposed to set the element of the checkbox in all State lines. Something like in components shared APEX / links / edit the grid.

    Is this possible to do? TIA.

    Tamas

    Hello

    See for example this post
    Re: Form to check all the header checkbox

    Kind regards
    Jari

  • Bug in the classic report based on the function?

    A simple example, suppose I want a classic report in which I can change the sort field by selecting in the P1_SORTFIELD element. Apex 4.2, I was able to implement the report using the PL/SQL function

    return "select ENAME, SAL from EMP by | : P1_SORTFIELD;

    I can't do that in Apex 5 on my workspace apex.oracle.com. I either get a runtime error "SQL command not completed property" if I use generic column names, or 'not all variables' if parse error I do not have.

    My real application use generic column names, so I am more interested in a solution to this.  For example, I tried to create a report with the source

    return "select ENAME from EMP by ENAME;

    If I run using the generic column names I always get the runtime error "command SQL not successfully completed.

    Is this a bug?

    Ed Sciore

    Hi Ed,

    I ran your application in debug mode and displays the following error output.

    show report
    determine column headings
    
    ...Execute Statement: select ENAME, SAL from EMP order by ename
    order by 1 nulls last
    
    Logging exception:
    Sqlerrm: ORA-00933: SQL command not properly ended
    Backtrace: ORA-06512: at "SYS.DBMS_SYS_SQL", line 1445
    ORA-06512: at "SYS.WWV_DBMS_SQL", line 464
    ORA-06512: at "SYS.WWV_DBMS_SQL", line 475
    ORA-06512: at "APEX_050000.WWV_FLOW_DYNAMIC_EXEC", line 411
    

    See the other "order by null 1 last" that is added to your statement. This is what the origin of the problem. The additional order by is caused by the "Sortable" indicator enabled for your columns. If you disable the sort, because will work you who control in your SQL statement in the report well.

    I'll take a look tomorrow, if we had a different behavior in 4.2 to automatically disable these flags and how it is actually easy to determine safe at the time of the design that your pl/sql function returns a SQL statement with an ORDER BY clause.

    Concerning

    Patrick

    Member of the APEX development team

  • Functionality of the classic report checkbox column.

    My requirement is

    I have a classic report based on sql query in this 1st column is checkbox.

    When I click on this check box, the value of the 2nd column is copied in the 4th column of the same rank.

    Assume that the 2nd column value is 100 after you have clicked on the box of 100 control is copied into reports even line 4 column.

    How can I do this?

    You want to just copy the value of the of the sal to the text box column. Its simple javascript.

    Looking at your page source I see that you call a function called spCheckChange. You use an application process in this function. Is this really necessary? The result is a heavy AJAX call.

    You can simply use jQuery, if you create your report the right way i.e. add attributes to the checkbox and textbox which serve to identify which box would copy a value in what text box.

    Here is a demo that I put in place.

    https://Apex.Oracle.com/pls/Apex/f?p=53154:3:108154269628013:no

    username: public_user

    password: demo

    You can take a look on how javascript code and attributes of the text box/box using your browser tools.

    Kind regards

    Aalami

    Please check the response as helpful or correct if you find it then. Thank you!

Maybe you are looking for