The mouse show details in a report model - jQuery

Hello

I could use some help on the below question. I am creating a report with a custom report model that will allow me to view the details of each line in a popup.

The sample that I created can be verified using the sub workspace.

URL: apex.oracle.com

Workspace: Mon-samples

Username: support

Password: support1

Application: 62495

Page: 7

What I did was to create a simple report model by passing the ID of each line. function jQuery and CSS to the page level.

Now the problem:

  • As I've used ID in the report model and jQuery, this isn't showing the respective details but showing all the details. I think I should use class but don't know how I can change the function dynamically.
  • Once I got to the question above, I would like to add a few links from the context menu and make the popup stay when I move the cursor in the pop-up window and allow me to click.


Ask an expert in this matter.


Thank you

Stephanie.

Kalesh Ravi-Oracle wrote:

I could use some help on the below question. I am creating a report with a custom report model that will allow me to view the details of each line in a popup.

The sample that I created can be verified using the sub workspace.

URL: apex.oracle.com

Workspace: Mon-samples

Username: support

Password: support1

Application: 62495

Page: 7

What I did was to create a simple report model by passing the ID of each line. function jQuery and CSS to the page level.

Now the problem:

  • As I've used ID in the report model and jQuery, this isn't showing the respective details but showing all the details. I think I should use class but don't know how I can change the function dynamically.

Indeed. Attributes ID must uniquely identify an element in the document. The problem, it is that the code is unable to tell the difference between the list items and therefore displays all items corresponding to the ID selector, only the last being visible on top.

  • Once I got to the question above, I would like to add a few links from the context menu and make the popup stay when I move the cursor in the pop-up window and allow me to click.

This can actually be implemented purely in CSS without using JavaScript or jQuery at all. I created a demonstration of this in your application.

Custom report template

The report model is simplified and syntactically corrected by the replacement of the ID attributes in double with a single top-level class attribute. The semantics is improved by using a list of description in place of non-semantique div and inappropriate p elements.

Front of the lines

After the lines


Model of line 1

  • #EMPNO#
    Name
    #ENAME#
    Job
    #JOB#
    Manager
    #MGR#
    Hire Date
    #HIREDATE#
  • Inline CSS page

    See comments below for the details of the CSS rules involved.

    /*
      Float list so that list items do not span full width of page.
    
      Apply padding top and bottom to ensure all pop-ups are fully visible.
    */
    .details-popup {
      float: left;
      clear: right;
      margin-right: 0;
      padding: 2em 0 2em 0;
    }
    
    /*
      Relative positioning on list items enables pop-ups to be dynamically positioned
      using only CSS.
    */
    .details-popup li {
      position: relative;
    }
    
    /*
      Style and initially position the detail pop-ups.
    
      For accessibility reasons the pop-up is not hidden using display: none, but is
      positioned outside the visible viewport. This means the detail information
      is still accessible to screen readers, but does not appear on visual displays.
    */
    .details-popup li dl {
      position: absolute;
      top: -3.6em;
      left: -10000em;
      margin: 0;
      border: 1px solid #e2e2e2;
      padding: 1em;
      width: 14em;
      background-color: #fcfcfc;
      font-size: smaller;
      opacity: 0;
    }
    
    /*
      Display the details pop-up for a list entry when the mouse pointer hovers over
      it.
    
      This is achieved by moving the element from its dormant off screen location
      to a position slightly to the right of the list entry.
    
      CSS animation is used to fade the pop-up in.
    */
    .details-popup li:hover>dl {
      left: auto;
      right: -13em;
      opacity: 1;
      transition: opacity 0.8s;
    }
    
    /*
      Style the detail terms and descriptions so they appear on the same line.
    */
    .details-popup li dt {
      display: inline-block;
      width: 5em;
      font-weight: 500;
    }
    .details-popup li dd {
      display: inline;
      margin: 0;
    }
    .details-popup li dd:after{
      display: block;
      content: "";
    }
    
    /*
      Additional rules to render CSS pointer on pop-up box.
    */
    .details-popup li dl:after, .details-popup li dl:before {
      right: 100%;
      top: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
    }
    .details-popup li dl:after {
      border-color: rgba(252, 252, 252, 0);
      border-right-color: #fcfcfc;
      border-width: 10px;
      margin-top: -10px;
    }
    .details-popup li dl:before {
      border-color: rgba(226, 226, 226, 0);
      border-right-color: #e2e2e2;
      border-width: 11px;
      margin-top: -11px;
    }
    

    Tags: Database

    Similar Questions

    • can someone tell me why I can't update to El Capitan 10.11.2? the line "Show details" gets up and I click on it to make the update. When I do this, it just goes back to doing nothing, so I can never get past this point.

      can someone tell me why I can't update to El Capitan 10.11.2?

      When I try to update "updates available have changed" guest shows up.i click "Show details" prompt to complete the update and when I do that, it just goes back to doing nothing, so I can never get past this point. can someone help me with this, please?

      Thank you very much.

      In some cases, this error message is caused by a problem in the network. Restart your router as your device at wide band, if they are separated. If there is no change, see below.

      This procedure will remove some temporary and cache files. The files are generated automatically and do not contain any of your data. Sometimes they can become corrupted and cause problems like yours.

      Please, back up all data and read this message before doing anything.

      Triple-click anywhere in the line below on this page to select this option:

      /var/folders/zz/zyxvpxvq6csfxvn_n00000s0000068

      Right-click or Ctrl-click on the highlighted line and select

      Services ▹ reveal in Finder (or just to reveal)

      the contextual menu.* file should open with a selected subfolder. The subfolder has a long name beginning with "zyx" and ending with "68". Place this subfolder in the trash. Do not move other subfolders with similar names. You may be prompted for administrator login password. Restart the computer and empty the trash.

      * If you do not see the item context menu copy the selected text in the Clipboard by pressing Control-C key combination. In the Finder, select

      Go ▹ go to the folder...

      from the menu bar and paste it into the box that opens by pressing command + V. You won't see what you pasted a newline being included. Press return.

    • Substitution strings do not fill in report models > header > before lines

      I'm unable to use the substitution string in report models > header > before lines

      < border tr = "1" >

      < class th = "header" align = "center" colspan = "2" > < /th > SYSDATE-3

      < class th = "header" align = "center" colspan = "2" > < /th > SYSDATE-2

      < class th = "header" align = "center" colspan = "2" > < /th > < /tr > SYSDATE-1

      I need to use something like below

      < border tr = "1" >

      < class th = "header" align = "center" colspan = "2" > & SYSDATE1. < /th >

      < class th = "header" align = "center" colspan = "2" > & SYSDATE2. < /th >

      < class th = "header" align = "center" colspan = "2" > & SYSDATE3 < /th > < /tr >

      SYSDATE1

      SYSDATE2

      SYSDATE3 are elements of my page.

      Version: Apex 4.2

      Theme: Red Simple

      Report model: Standard, change the line colors

      Report type: report Classic

      Is it possible to use these elements in the specified model?

      Thank you

      Chauvet

      The ampersand/dot substition works in report models. https://Apex.Oracle.com/pls/Apex/f?p=3568966:1

      Maybe the page item values are not saved in session state, before the report is rendered.

    • the mouse movement is not displayed when you preview the project and after publication

      I missed a step when you change a demo of simulation? Here's the problem:

      When I edit in the timeline of a slide, I can move the appearance of the mouse movement and change the length of its duration; I can click on "show/hide elements" for the mouse, the text caption and select box to show or hide in the slide.

      All the changes reflect in preview > play Slide. But in preview > project or preview > in the browser or publish it to any format, except for the presence has changed and the duration of the movement of the mouse shows, others seem out of my control: 1) no mouse movement; (2) the pointer still displays its final position on the slide since the beginning of the slide; (3) the hidden nail box appears.

      That's happened?

      I come off some defect? Where is it?

      Thank you!

      Your question is not quite clear to me, but this sentence "I can click on" show/hide elements "for the mouse, the text caption and select box to show or hide the slide." is ring a Bell! Have you used the "eye" icon in the timeline panel to "hide" the objects? That is not intended to hide the version published, only to temporarily hide for editing purposes, have has too many objects on the slide. If you really want to hide an object permanently, so it does not appear after the publication or during a preview (play Slide is not a preview, is also only for editing, synchronization) you must use the 'other' "eye" icon you will find at the top left of the properties of this object Panel. Quite confusing to have twice the same button to completely different purpose (there is even a third version in Drag Drop & who still has another feature, just hide the links in the D & D).

    • I let my child play with the computer, now when I click on a tab, it shows "(*)" to bottom of page, as the wheel of the mouse to zoom in and out and not scroll. I don't know how to fix it.

      I have let the child play with the computer. Now when I click on a tab it show (*) rather than to go to the tab, zoom on the wheel of the mouse rather that scroll and all links open a new window. How can I reset the settings to the default ones?
      Thank you.

      The reset Firefox feature can solve a lot of problems in restaurant Firefox to its factory default condition while saving your vital information.
      Note: This will make you lose all the Extensions, open Web sites and preferences.

      To reset Firefox, perform the following steps:

      1. Go to Firefox > help > troubleshooting information.
      2. Click on the button 'Reset Firefox'.
      3. Firefox will close and reset. After Firefox is finished, it will display a window with the imported information. Click Finish.
      4. Firefox opens with all the default settings applied.

      Information can be found in the article Firefox Refresh - reset the settings and Add-ons .

      This solve your problems? Please report to us!

    • gauge the battery to the boot screen and battery on report menu conflicting Details about the level of the battery. The gauge from the battery to the Starter incorrectly displays the low battery level that prevent the macbook pro battery retina start

      gauge the battery to the boot screen and battery on report menu conflicting Details about the level of the battery. The gauge from the battery to the Starter incorrectly displays the low battery level that prevent the start of the battery. This happens on macbook pro retina 13 inches

      When I try to startup macbook pro retina in battery mode, it will fail to start showing low battery level and an indicator to recharge the battery. It does not start on battery. When I then connect via the power cable at startup (and check the battery level), monitor of battery in the menu bar indicates that the battery is charged to the top.

      It gets really frustrating and remove my ability to use the macbook pro retina as a truly portable device...

      Appreciate any help on this

      Have you tried resetting the SMC? Reset the management system (SCM) controller on your Mac - Apple Support

    • How can we get the details of the traffic for the spaces for example, users access report by place (all users)

      How can we get the details of the traffic for the spaces for example, users access report by space (for all users), DB tables can be used to get information, such as for example: users who have logged in - never

      You can use analytics. WebCenter Analytics comes with a number of events out-of-the-box for which it brings together measures which are very useful.

      You can check in the WebCenter Analytics database schema. WebCenter Analytics Dashboards are present in the scheme of ACTIVITIES and are modeled in the form of a star schema.

      The schema includes 2 types of tables. FACTS analytical tables are used to store instances of specific events. For each event, a specific FACT table is present, for example for page views, the views of space, connections and so on. These tables contain a timestamp for the moment, that the event is occurred and integer ID these descriptive reference data stored in DIMENSION tables.

      DIMENSION tables contain descriptive information about the entities associated with events. Size examples are pages, applications, groupspaces, users and so on.

      See the details of the table all the under http://docs.oracle.com/cd/E23943_01/webcenter.1111/e10148/jpsdg_app_aschema.htm#JPSDG10767

      If you want to custom event.that track, as you can get. see this blog entry

      Quobell technology - portal WebCenter: WebCenter Analytics: define and save custom events

    • Explore the level of detail showing only a single attribute

      We have a very simple dimension, called CustomerDim, with 2 logical levels, customer and Contact. The client level has an attribute called CustomerName. The level of Contact has 4 attributes ContactID, ContactName, ContactEmail, ContactPhone.

      CustomerDim
      Customer
      -CustomerName
      Contact
      -ContactID
      -ContactName
      -ContactEmail
      -ContactPhone

      My reports of responses (simple table) allows me to drillman down the customer contact, but I still only see of attributes in the Contact section, no matter how to set up the keys to my level. Is it possible to show all attributes in a report of the response: IE, break through to the functionality in detail? I tried to set all level to "Use of Drill Down" keys, but not luck. If I put the only one of them to 'Use for drill down' who will be the one that appears in my report.

      I know I can probably achieve the same thing by simply accessing a new report that provides the details of my contacts, but I was really hoping that set several attributes under a logical dimensional level would achieve this.

      (We're on 10.3.1.4)

      have two sets of keys to the level of the contact

      1)
      ContactID
      Uncheck the use of exploration down, this is the primary key

      2)
      -ContactID
      -ContactName
      -ContactEmail
      -ContactPhone
      Select both, not not separately
      Select the option use for exploration down

    • When I click with the right button of the mouse on videos from facebook it shows no options for me to copy the link and etc.

      When I click with the right button of the mouse on videos from facebook it shows no options for me to copy the link and etc. It only shows the parameters for the flash player. How can I fix?

      You can find the URL of the thumbnail by following these steps:
      In the context menu, choose {inspect element}.
      Now, you can see the URL in the source down (perhaps you click the small arrow to the left of the line of seledted firstly to show).

    • Computer HP Compaq laptop and a wireless model 1359 mouse. I need how to do to activate the mouse.

      I need the place where Microsoft go to activate my wireless mouse mouse model 1359.  HP Compaq laptop.

      You are simply wanting to install?

      Install the driver on the cd that comes with it. Just follow the directions

      Install the batteries in the mouse.

      Connect the receiver to your computer.

      You are finished.

    • Stop the mouse pointer to show more of Windows Media Center

      Original title: Windows Media Center

      Hello

      Is there a way to stop the mouse pointer to show more of Windows Media Center, other than moving it?

      I note that adobe flash player can do it in a web page, then why not an 'entire' application such as Windows Media Center?

      Thank you

      Hi hiphoppoprock,

      In Windows Mode, the pointer in Windows Media center is designed to be displayed.

      In order to have the pointer automatically disappear you need to change the Mode full screen.

      You can see the Feedback forum to leave a comment or suggestion about the present:

      https://connect.Microsoft.com/

      Hope this information is useful.

      Jeremy K
      Microsoft Answers Support Engineer
      Visit our Microsoft answers feedback Forum and let us know what you think

      If this post can help solve your problem, please click the 'Mark as answer' or 'Useful' at the top of this message. Marking a post as answer, or relatively useful, you help others find the answer more quickly.

    • Startup Repair has worked 9 hours from WAU to go home 7-7 pro running. System is not blocked because I have control of the mouse and HD shows activity. What is the problem?

      Startup Repair has worked 9 hours from WAU to go home 7-7 pro running. System is not blocked because I have control of the mouse and HD shows activity. What is the problem?

      I would be out of system repair and safe boot mode:

      Start your PC, just before the system loads the Windows operating system; Press the [F8] key function 8 on your keyboard which will launch the menu Advanced Boot Options. Select Safe Mode.

      Click Start
      Type: CMD, according to the results, right-click CMD
      Click on "Run as Administrator"
      At the command prompt, type: sfc/scannow

      This will check for any breach of integrity

      Restart your system

    • I work with dreamweaver cs6 running on Apple Mavericks.  The site definition window shows all different fields by opening. I have to click blind with the mouse cursor in this window until the fields appear.  It is a very bored

      I work with dreamweaver cs6 running on Apple Mavericks.

      The site definition window shows all different fields by opening. I have to click blind with the mouse cursor in this window until the fields appear.

      It is somehow very annoying to complete the connection to the server and all the other things.

      Is there a solution?

      If this is the case, I think that it is perhaps a good idea to uninstall Dreamweaver. Before you reinstall, make sure that your personal configuration file has been deleted (see reinstalling Dreamweaver (or the extensions Manager) fails to solve problems). You should then have a completely clean copy of Dreamweaver has again the default settings of the program.

    • Hide/show the mouse above - help?

      Hello

      Im trying to create the effect where when I mouse over a specific area on the stage, it triggers a box to appear on the whole scene & then once that I mouse the box disappears.

      I will attach a few screen grabs of what Im trying to achieve.

      I have a few general conditions that must be on my banner but I just want to show up on the mouse.

      Any help would be great - thanks

      1.jpg2.jpg3.jpg

      Hey bretti,

      I don't know what exactly what you want to say sorry, but which should hopefully help somehow:

      Some of the things that I will by you already have, but I'll go just in case top.

      From what I see in the examples that you put your animation in the main timeline, the symbol 'terms' are trying to put the symbol:

      It should look at it give or take the length of you animations when your done:

      As you can see in my example I {} on the timeline:

      (this is called a trigger when on the timeline, it is manufactured by CTRL + t). Inside of this, I have the code

      This will stop the timeline plays beyond that point. I also have:

      It is what is called a label (this is done by CTRL + l) I renamed mine to 'open' and 'close '. When the mouse over is used:

      This decomposed code means system go into the 'conditions' symbol and the name tag plays 'open' (you can use it with any symbol and label for example sym.getSymbol("any_symbol_you_have_made").play ('any lable in the symbol, you just named")). He will play the animation of the label, that means playing 'close' will play all the animations after the narrow label until the end or a trigger with sym.stop ();

      A few other things I noticed:

      you have a Text2? as if no file:

      If you try to use an item in the code that does not exist then it errors. (edge does not tell you what well).

      You can remove the code hide for your text and move the text in the 'conditions' symbol and he animated with box so that the text doesn't seem fair to nowhere?

      hope this helps

    • How do to define 'Enter' keyword instead of the mouse click of the model

      Hello

      I have a page with textfield and submit button. but every time the user must use the mouse to click on submit button.

      How can I make the page work, even if the user just press 'Enter' on the keyboard.

      It should work similar to the login page where user can use the mouse or simply press "enter".  Any help on this please?

      Thank you

      Sri

      Hello

      Thanks for the help.

      In addition to setting the parameter Submit when you press enter the element of text to Yes.  I had to separate the process.

      It works only when I separated the next present processes

      1. one after submit the process for the "submit" button

      2 - another show after process when you press the button - no condition button

      condition type = Curren page = subject page (this page was published).

      Thank you
      Sri

    Maybe you are looking for

    • MacBook pro error message - 3001F

      I had some probelsm with my Macbook Pro for a week or two, it started ok and then everything was frozen - mouse has been active, however I couldn't click on anything that it is - what happens now more regularly but I managed to backup everything. I'm

    • What happens if you don't update your icloud?

      wwhat happens if your photos don't upgrade to icloud?

    • Satellite Pro M70 - crashing after sleep

      Hi, I'm a COMPUTER technician so I have to deal with a lot of Toshiba laptops. I currently have a problem with an M70 in the fact that when the machine starts in mode 'sleep', it will not resume. Well although it will be upward with everything on the

    • HP Pavalion g6 2207TX touch how to lock keypad

      HP Pavalion g6 2207TX touch pad how lock and unlock the left button on the pad touch and led does not?

    • Where is past $NtUninstall?

      In Windows XP, whenever Windows performed an update, a compressed file $NtUninstall would be created in the Windows directory.  Where did these files in Windows 7? I know that these records contain the necessary information so that you can uninstall