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

Tags: Database

Similar Questions

  • 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.

  • 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

  • can a column of 'link' (classic) report trigger a dynamic action?

    In order to avoid a complete package and following flicker,

    can the link associated with a column of the classic report

    somehow trigger a dynamic action?

    Something along the lines of

    1. run few PL/SQL (some parameter passing along)
    2. refresh a page region to reflect the changes brought about by the (1)

    In practice, I have a page that emerges already, master/detail

    with the need to manage another set of detail records.

    I can collect a bunch of fields that are not related to the db.

    and generate an insert + update via a button 'Add '.

    Then the report containing the details is updated

    provide visual feedback that a new record has been added

    Indeed, with a column 'delete '. The integrated link is

    currently a javascript that saves the underlying m and

    Removes the secondary details, but it involves a shipment

    and refresh the entire page. It can be avoided?

    (running apex 4.2.1)

    You can use the onchage event to create your dynamic action. Make sure that there is a hidden page element (value not protected). From your link to classic report column, set the value of the page element hidden by using the JavaScript API $s () that will trigger the dynamic action of the onchange event.

    javascript:$s('P1_HIDDEN_PKEY_ID',#ROW_PKEY#);
    

    Thank you!

    JMcG

  • 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 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

  • 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

  • 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.

  • How to set the column width in the classic report.

    Dear friends

    I use Apex 3.2.

    I created Clasic report and I have the analytical column in my report this column I description of the problem, so I want to set the width of this column nn classic report.

    I try a code in the expression of html
    <span>style="width: 480px; display: block; white-space: normal; font-size: 11px;">#ACTIVITY_SUMMARY#</span>
    {code
    
    after apply abovemention code that display me in my summary like this and not manage width of column.
    style = "width: 480px;" display: block; space: normal; do-size: 11px; ' >Dear Newcomb, greetings! Thank you very much for the new request, and we are pleased to confirm the availability of a single cabin in all three categories of cabin on the M.V. Mahabaahu. We wish to inform you that two departures on October 15, 2013 & 29 October 2013 (golden triangle with Cruise) are operational and attached are the prices for your kind attention. As a special promotion for October 15, 2013 start only, we offer 100 USD by reduction of the person on the triangle of gold, combined to the cruise portion. Please review and advise us to block accommodation as a result. Cordially... pepette
    How to fix Width of column in classic report.
    
    
    Thanks                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        

    Hi najet

    Try this

    #ACTIVITY_SUMMARY#
    

    the * > * is removed.

    Kind regards
    Kees Vlek
    -----
    Company: http://www.orcado.nl
    Blog: http://www.orcado.nl/blog/blogger/listings/69-kvlek
    Twitter: http://www.twitter.com/skier66
    If the answer to question please change replied and mark the appropriate post as correct / helpful.

  • How to create dynamic action of the link column in the classic report

    I have an apex page to display a modal window using jquery. In the modal window, I have a classic report with a column of link I want to capture its click event.
    I thought I could create a dynamic action with selection of type = jquery selector. Not sure if I need to do anything on the link column and do not know the syntax
    jquery selector. Would appreciate help or direction?

    Always zip code using .

    ...\
    

    tags as described in the FAQ.

    I created a region of report with the following query:

    Select empno, ename, 'SELECT' from emp
    where (ename like '%'||ltrim(rtrim(:P2_SEARCHPU))||'%'
    or :P2_SEARCHPU is null)
    

    There is no alias specified for the "SELECT" column, Oracle uses so the content of the column as a default alias. It comes

    'SELECT'
    

    Instead of

    SELECT
    

    The necessary jQuery selector would be:

    td[headers="\'SELECT\'"] a
    

    However the need to release the single quote everywhere is a ticking time bug. SELECT an Oracle reserved word means use it as any type of identifier is either too smart.

    You should always use a valid Oracle identifier as an alias explicit when a column contains a literal value or a complex expression:

    select
        empno
      , ename
      , 'SELECT' link_text
    from
        emp
    where
        (  ename like '%'||ltrim(rtrim(:P2_SEARCHPU))||'%'
         or :P2_SEARCHPU is null)
    

    APEX will use the column alias LINK_TEXT as the ID attribute of the column header and the cells in the column will reference it in their headersattributes. The jQuery selector is:

    td[headers="LINK_TEXT"] a
    
  • 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!

  • Sort a hyperlink column in the classic report

    4.2.1

    THM2:

    Hi I have a classic report with a hyperlink column. And I need enable sorting on this. What I did is

    Select '< a href = "somelink" >' | party_name | "< /a > ' party_name party_name table.

    However, I just need to show the hyperlink column in the report. Couple of questions

    1. How can I create party_name-based sorting logic using the updated classic sorting standard? Given that all a hyperlink names begin with < - sorting is random. I added the second party_name column an active by default sort on it, but given that the column can not be shown, is not a good way.

    2. I was wondering if there is another way to sort this classic report hyperlink column as shown in the hyperlink and sorting is enabled on the report?

    Thank you!

    ryansun wrote:

    Hi Fac586 - Yes, the requirements are not of the same report. We have several pages with the same type of aspect, however, some of them have a different feature. In this case, Yes, I too simplified it so that easier to understand. I use the hyperlinks on query sql rather that the link of the column is because we have about 5 unions in this query from different sources and each of those interviewing him, having a hypertext link and additional formatting like "BOLD", color etc, under certain conditions. Query1 will return only the party_name, the second query United would have hypertext links, the third would fat etc. The union of the request is not made to take into account this feature, but because of the nature of the data.  While the apex feature works very well, the only question I hit is the hyperlink column sorting in a classic report. Where the simplified question. Individual responses, I've had have been very useful and have been applied successfully.

    In this case, the request for a classic report that has column link, how to sort would work it would be on a regular character column.

    Option 1 (deeply inelegant): Generate an HTML comment containing the sort at the beginning of the column value. The value must be sortable using the character comparison semantics, so dates must follow the format YYYYMMDD, numbers padded to the same length with zeros etc: Re: problem with the Date command

    Option 2A: Expand the Expression HTML technique described in your previous thread (marking dynamically of columns in a "BOLD" for the highest value report) to include the tags.

    Option 2b: Use the HTML Expression technique described in the previous thread to include custom data attributes and use these to add links to dynamic actions.

    If this is done on several pages, and then create a view all the necessary logic and the columns which you can keep it in one place.

  • Need help to sort a column in the classic report

    Hi I'm creating and classic report and I need to sort on the columns. I also use a selection list to filter the records in the column. When I do not use the list selection sorting works but when I'm on the selcet list and select the sort option, then it is showing error. If anyone can help...

    Thnaks,
    Rik

    Hello

    Is it possible see the source code?
    If you create the developer user to your workspace and post login information.
    Or you can send information to connect to me by e-mail. My email is in my profile

    Kind regards
    Jari

  • Wrap the text in a column of the classic report

    In a classic report, I want to wrap the text in a column, and I need to control where to wrap. For example:

    That's what I need:

    Performance test
    -Classic report

    That's what I have now:

    Performance
    test - Classic
    report

    The length of the text is dynamic and where wrap them should also be dynamic.
    Can I wrap ColumnHeadings too?

    Thank you
    Yivon

    A solution would be to fix the width the column by wrapping and then in a span such as:

    #COl_VAL #.

    If you want to encapsulate the data then put a
    in it! ;)

  • 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,.

Maybe you are looking for

  • SMU-2527

    I have a pretty basic question for the SMU - 2527 32-channel, 300 V switching and multiplexing.  In the documentation it says this multiplexer can be configured as a 1-wire double 32 x 1 Multiplexer.  This means that the two multiplexers 32 x 1 are c

  • NEITHER 9375

    Hi all We used the NI 9375 module?  didn't he need a power supply external power, how to connect? Kind regards SASA

  • Error of automatic updates

    I am running Windows XP Home Edition. Every day, I get the reminder that the updates are ready and I click on install express. After some time a pop-up is displayed, indicating that "some updates could not be installed".  I rebooted and tried again w

  • Aspire Switch 10 cases

    I'm looking for a case for my SW5-012, preferably with the ability to work split (Tablet mode) and keyboard (labtop mode). The Acer UK store used to carry one, but it is out of stock with no expectation of receiving more - and they cannot ship to the

  • I can't get my hp pro 8500 A910 printer office jet to print in color when I want to.

    When I want to print a page of the internet in black & white it prints in color.  When I want to print an Excel in color, prints in black & white. It is a new problem.  My printer to work just fine. My operating system is Windows XP.