line highlighting with Jquery

Hello
I've heard many good things about Jquery. I was trying to see for myself how to get Jquery to work with APEX. I have this sample code snippet which row highlighting when you move to a table row. The code works as an html file, but I can't seem to make it work with APEX. This is the procedure that I followed in APEX:

1 downloaded the jquery library in APEX workspace.

2 change the page template to include the jquery library. I rename the library jquery to "jqmin_126.hs".
& lt; script src = "" #APP_IMAGES #jqmin_126.js "type =" text/javascript"& gt;" & lt; / script & gt;

3. the code snippet added to the html of the APEX page header.

& lt; style type = "text/css" & gt;

. Highlight {}
background-color: #FC6! important;
}
& lt; / style & gt;

& lt; script type = "text/javascript" & gt;
$(document) .ready (function () {}
$('_table.default1_tbody_tr').mouseover (function () {}
$(this) .addClass ('highlight');
$(this) .css ('cursor', 'point');
{.mouseout (function ())}
$(this) .removeClass ('highlight');
});
});
& lt; / script & gt;

To keep things simple, I used the following settings of APEX:
Model: Region of reports
Report template: default: GUI 1
APEX version: 3.1.2

My interest here is especially trying to see how jquery works with APEX and not so much the highlighted line. What Miss me?

Thanks in advance.

I came across this problem as well. What happened is associated for the TD tag style was crushing the style of the TR tag. So even though I was adding and removing classes the tr page would not reflect the changes.

I would first of all that the Jquery works by adding the following to my header section.

$(document).ready(function( ) {
  alert('Jquery is working');
});

If it works I would try adding .find ("td") to edit the CSS of each data table which changes the background of the line.


Hope this can steer you in the right direction.

Tyson

Published by: Tyson Janet on November 24, 2008 09:31

Tags: Database

Similar Questions

  • Specific symbol target with jquery

    I would like to target a specific symbol in my animation with jquery who lives outside the animation (in the document index.html). So if I have the symbol name 'openButton' How do I target/reference in html?

    There is a good explanation here of how to do it on board, but I can't find anything similar to animate CC thanks for any help. jquery - Adobe Edge: control a specific symbol of the page html - stack overflow

    in your control panel actions add:

    this.openButton

    Then check your js for this line and apply js/jquery.

  • How to make thumbnails enlarge when the effects of navigation using grid with jquery

    I used an effect of navigation grid with jquery to display several thumbnails but I would like to than images to enlarge to a larger size when they are clicked on, I don't want another window to open it, but the image should appear on the same page as the album, except that I don't need to a gallery, just the function is expanded. Please see code below my page and the link to see the demonstration of the net asset value of grid with jquery that I used (effect-"lines move", example 9).

    http://tympanus.NET/Codrops/2011/06/09/grid-navigation-effects/comment-page-2/#comments

    < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

    " < html xmlns =" http://www.w3.org/1999/xhtml ">

    < head >

    < meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"

    < title > my < /title > Gallery

    < link href = "stylesheet.css" rel = "stylesheet" type = "text/css" / > "

    < link href = "gridNavigation.css" rel = "stylesheet" type = "text/css" / > "

    < link href = "reset.css" rel = "stylesheet" type = "text/css" / > "

    < style type = "text/css" >

    {body

    background-color: #000000;

    }

    a: link {}

    text-decoration: none;

    color: #f1d379;

    }

    a: visited {}

    text-decoration: none;

    color: #f1d379;

    }

    a: hover {}

    text-decoration: none;

    color: #9d6f1b;

    }

    a: active {}

    text-decoration: none;

    color: #f1d379;

    }

    < / style >

    "< script type =" text/javascript"src="scripts/jquery-1.6.1.min.js "> < / script >

    "< script type =" text/javascript"src="scripts/jquery.easing.1.3.js "> < / script >

    "< script type =" text/javascript"src="scripts/jquery.mousewheel.js "> < / script >

    "< script type =" text/javascript"src="scripts/jquery.gridnav.js "> < / script >

    < script type = "text/javascript" >

    {$(function()}

    $('#tj_container').gridnav ({}

    type: {}

    lines: 2.

    mode                    : 'rows',                               // use def | fade | seqfade | UpDown | sequpdown | showHide | Scatters | lines

    Speed: 1000, / / for fade, updown, sequpdown, seqfade, showhide, disperse, lines

    easing: "easeInOutBack", / / for fade, updown, sequpdown, seqfade, showhide, disperse, lines

    factor: 150, / / seqfade, sequpdown, lines

    reverse: "/ / for sequpdown

    }

    });

    });

    < /script >

    < / head >

    < body >

    < div class = 'container' id = "container" >

    < div id = "navbar_gallery" class = "#navbar_gallery" >

    < ul >

    < li > < a href = "index.html" > homepage < /a > < /li > ""

    < li > < a href = "about_me.html" > about me < /a > < /li > ""

    < li > < a href = "gallery.html" > Gallery < /a > < /li > ""

    < li > < a href = "contact.html" > Contact < /a > < /li > ""

    < /ul >

    < / div >

    < div class = "maintext" id = "page_maintext" >

    < class p = "page_heading" > my < /p > Gallery

    < / div >

    < div class = "content Exemple5" >

    < div id = "tj_container" class = "tj_container" >

    < div class = "tj_nav" >

    < span id = "tj_prev" class = "tj_prev" > </span > previous

    < span id = "tj_next" class = "tj_next" > next </span >

    < / div >

    < div class = "tj_wrapper" >

    < ul class = "tj_gallery" >

    < li > < a href = "#" > < img src = "images/1.jpg" alt = "image01" / > < / has > < /li > "

    < li > < a href = "#" > < img src = "images/2.jpg" alt = "image02" / > < / has > < /li > "

    < li > < a href = "#" > < img src = "images/3.jpg" alt = "image03" / > < / has > < /li > "

    < li > < a href = "#" > < img src = "images/4.jpg" alt = "image04" / > < / has > < /li > "

    < li > < a href = "#" > < img src = "images/5.jpg" alt = "image05" / > < / a > < /li > "

    < li > < a href = "#" > < img src = "images/6.jpg" alt = "image06" / > < / a > < /li > "

    < li > < a href = "#" > < img src = "images/7.jpg" alt = "image07" / > < / a > < /li > "

    < li > < a href = "#" > < img src = "images/8.jpg" alt = "image08" / > < / has > < /li > "

    < li > < a href = "#" > < img src = "images/9.jpg" alt = "image09" / > < / a > < /li > "

    < li > < a href = "#" > < img src = "images/10.jpg" alt = "image10" / > < / has > < /li > "

    < li > < a href = "#" > < img src = "images/11.jpg" alt = "image11" / > < / a > < /li > "

    < li > < a href = "#" > < img src = "images/12.jpg' alt = 'image12' / > < / a > < /li >"

    < li > < a href = "#" > < img src = "images/13.jpg" alt = "image13" / > < / has > < /li > "

    < li > < a href = "#" > < img src = "images/14.jpg" alt = "image14" / > < / a > < /li > "

    < li > < a href = "#" > < img src = "images/15.jpg" alt = "image15" / > < / a > < /li > "

    < li > < a href = "#" > < img src = "images/16.jpg" alt = "image16" / > < / a > < /li > "

    < li > < a href = "#" > < img src = "images/17.jpg" alt = "image17" / > < / a > < /li > "

    < li > < a href = "#" > < img src = "images/18.jpg" alt = "image18" / > < / a > < /li > "

    < li > < a href = "#" > < img src = "images/19.jpg" alt = "image19" / > < / a > < /li > "

    < li > < a href = "#" > < img src = "images/20.jpg" alt = "image20" / > < / a > < /li > "

    < /ul >

    < / div >

    < / div >

    < / div >

    < / body >

    < / html >

    Remove the first slash in front of the call to the jquery and style sheet:

  • Able to add colspan with jQuery to table on one page, but not the other.

    I am able to use jQuery to add an attribute colspan to one of the rows in the table on a regular with products catalog page, but when I try to do a catalog that has instead of product catalogs, I see not the colspan attribute when I inspect the lines of the table.

    The catalog I'm talking about is http://www.thesanfordcenter.NET/suite-menu . The catalogue is secure. I have set up a temporary account and a password if you want to view the pages.

    ID: test

    Password: account 1

    I wonder if this is a problem with my jQuery or maybe what layout, I have jQuery on. Any help would be appreciated. Thank you.

    This page has some errors coming JavaScript on it.  If you press Ctrl-Shift-J or Cmd-Shift-J on a Mac in Google Chrome you will bring up the javascript console.  Anything in red is usually a javascript error or a 404 error for assets that are not found... you should always try to clean them.

    In this case, your "expstickybar.js" file is loaded on this page, and he introduces a "jQuery.noConflict (); statement that basically removes the possibility of using the variable ' $' as a quick trigger jQuery methods.  This is not the case on the pages of your catalogue main is because you only reference this script with a relative url: 'expstickybar.js', so when you are on your catalog at http://www.thesanfordcenter.net/suite-menu/appetizers page then it is looking for your javascript to http://www.thesanfordcenter.net/suite-menu/appetizers/expstickybar.js files so it is not find it is coming as a 404 error.

    A fast solution would probably be to try to remove or comment on this first line in expstickybar.js that says "jQuery.noConflict ();".  This might work, but it is also possible that it will break your expstickybar.js script. If this does not work, you should probably go into each of your statements of jQuery in your pages and wrap them up in a function that explicitly said to use the variable "$" for jQuery:

    (function ($) {}

    YOUR OLD JAVASCRIPT HERE

    (}) (jQuery);

    On a side note, also included two libraries jQuery in your site and that is never a good idea... you have jQuery 1.4.2 loading in the HEAD of your page or the page template and then you are also to load jQuery 1.6.2 in the BODY of your page or your page template.  You must use one or the other.  1.4.2 is old enough now, so if I was you, after you try to correct the mistake of jQuery.noConflict () you have got going, you need to move this jQuery 1.6.2 reference in your BODY element and replace it with jQuery 1.4.2 marked in your HEAD.

    Also - you should change your reference in your page templates to make the "expstickybar.js" a URL relative to the root instead of a relative URL of the file.  Change:

  • Flash in WebWorks with JQuery, it s possible?

    Hi all.

    I would like to know if it is possible include Flash content in webworks with JQuery.

    http://jQuery.thewikies.com/SWFObject/examples

    Thank you.

    The BlackBerry PlayBook supports flash but the smartphone BlackBerry OS does not work.

    "Guess" that it would work considering the PlayBook supports flash and jQuery.

  • How can I measure the length of the lines written with the Paint program?

    I know that an earlier version of the painting software was able to measure the length of the lines written with the Paint program.   I don't know what version it was.   I have the Windows 7 Home Premium Version 6/1 (Build 7601 Service Pack 1, Copywright@2009.  How can I measure the length of the lines that I have the project using paint software?   Do I need to get the previous version?   How can I get?   PLEASE ANSWER!

    Hi Ralph,

    The description of the problem seems a little unclear and I wish I had a better understanding before you start working on it. I would really appreciate if you could answer the following questions:

    1. What is the name of the paint program?

    2 have you tried to install the software of paint in Windows 7?

    3. are you able to install it? If this is not the case, do you have an error code or message?

    4. in what version of Windows was fine paint software work?

    Please provide us with more information on the specific question to help you to fix as soon as possible.

    Your response is very important for us to ensure a proper resolution. Please get back to us with the information above to help you accordingly.

  • Flip Box with jQuery and jQuery injector

    Hi! I want to integrate this feature (https://nnattawat.github.io/flip/#front) in my injector with jquery project. No idea how I can do? Thanks for your help!

    Hi Felix,

    Please take a look at the thread below, that could help you achieve your goal.

    Help! Add Jquery to Muse!

    Kind regards

    _Ankush

  • Houston-25019: line entity with key oracle.jbo.Key not found

    Hi guys,.

    I just started learning ADF and I'm stuck on this issue. I created a very simple page based on a table. I have check the button submit to be allowed on the page, then drag the operator commit button. Together the partial trigger to panelformlayout and changed the status of the fields for autosubmit to true.

    Now, I get this error when I change any value in the field and press the submit button. Don't know what else to do. Any help would be greatly appreciated.


    oracle.jbo.RowAlreadyDeletedException: Houston-25019: line entity with oracle.jbo.Key [1842 key null null null 6257 null null null null null null null null null null Sr accountant null null null null null null null null null null null null null 25 April 25, 2014 / Apr / 2014-09: 00:07] is not in XxaseIvantInterfaceHr.

    How many rows were marked as primary key in your EO/VO? Make sure only relevant ae marked. Looks something like this - http://3.bp.blogspot.com/_ex9GjJ9fvbk/TIiIfaJ3gqI/AAAAAAAAAEw/XfYhBthhyKE/s1600/7.JPG

    Ether this or if you have a use case for PK actually as much of your line is deleted in the DB or data types are mismatched.

    My thoughts: strange problem of ADF, Timepart a Date lost

  • In Adobe Flash CS6, I have a blue box appearing around lines drawn with the line tool (and other tools like the brush etc.). I can't understand how to disable.

    In Adobe Flash CS6, I have a blue box appearing around lines drawn with the line tool (and other tools like the brush etc.). Whenever I try to use a tool, a blue box appears around the line and I have to double click on it to handle, which opens just this line in a screen finery semi where all other objects are semi-gris in the background. I can handle this line in this screen, but nothing else at this point I could do 5 minutes ago. For example, I can no longer reach the 2 lines drawn by the tool online together. For some reason, it started randomly (probably due to an accidental combination) and I just can't put it to what it was. I inserted a video showing if all goes well I mean. Any help would be appreciated.

    Object drawing mode. Simply disable it in the tools Panel, or by using the default keyboard shortcut, which is J.

  • Html with jquery content integration problems

    Hey people muse.

    I am currently struggling with a very annoying problem:

    I have a piece of html code with jquery bits in there (it is a plugin to 360 °). For some reason, it doesn't seem to work when I upload it to my server and try it.

    I tried the steps suggested in this thread: HELP! Add Jquery to Muse! , but whenever I remove the parts of the "JS Include" section, I get warnings and errors in the page. The plugin works, even if...

    Does anyone know a workaround on this one?

    Thanks in advance

    Hi Florian.

    The trick is to wait for the page to load, then call your Jquery dependent scripts. That being said, try to insert this code in 'properties-> metadata-> HTML to head Page'-->

    And insert this code via "object-> Insert HTML code '-->

    Class = "spool".

    ID = 'image '.

    image data = "images/bild # .jpg".

    data-cw = 'true '.

    Framework data = '36 '.

    data-length = "6".

    data / speed = '3 '.

    data-speed =-'0.2 '.

    data-brake "0.2" = >

    Please choose a product:

    I would like to know if it works for you.

    - Abhishek Maurya

  • White lines fixed with optimization of the art - is - it possible to copy with this setting?

    I have seen discussions on the white lines, you get on the edges of the objects due to anti-aliasing in Illustrator, and I found that when exporting, you can remove them by setting 'optimized art' in one of the options there.

    For those who do not know the issue of the white line:

    Sometimes, when the Illustrator blend the pixels around an object, it puts a thin white line around it that always appears 1 thick px any zoom level.

    Not really there and when it printed disappears. Trouble is, even when you export the document, or a copy of objects in other software for the use of the screen, it's still there.

    Many people think that white line is a tiny space, but it is not.

    People also tend to tell you that it is because you have two objects butted against another. Also, this is not true. The white line persists even on overlapping forms.

    People will also say it is when two shapes on top of the other follow the same path. Yet once, is not true. White lines appear even when you have only 1 object following a particular path.

    My problem is that I rarely export an entire document at once, but tend to copy items to it in Photoshop. When I do, the white lines traveling with her and becomes permanent. Even on a .jpg, .png, or .gif image file, the lines are still visible.

    What I want to know is, is it possible to copy objects in Illustrator using optimization of art?

    Or y at - it another way to copy them without taking these white lines with me?

    I know that I can get rid of them by turning anti-aliasing off the coast, but everything really looks pixelated, so it is not much better.

    In addition, anti-aliasing is not actually solve the problem, it just hides it. Even with the power off, when I copy the affected objects to Photoshop, the white lines reappear in Photoshop.

    And please don't bother the answer for me, explaining what the white lines are, or how to get rid of them or how to lose them in the export. I know all that.

    Notes:

    I'm under Illustrator CS6

    And Photoshop CS6

    Helmer,

    I wonder if this may be useful, or is simply ridiculous. I apologize if this last.

    If you can use a Raster object to copy into Photoshop, you try to use the object > rasterize and set Anti-Aliasing for Art Optimized, can see.

  • How to convert Standard form to the standard replacement line highlight

    Hello

    I'm on 4.1.0

    I have a created tabular presentation that is read-only to all fields and a checkbox select that, once selected the folder opens in a new page. where users can update the record. We studied the opportunity to highlight the lines alternate as in the case of interactive reports.

    I'm going for the shared components-> models and see one 'Standard' selected by default.

    My question is, is it possible to change the model of the tabular form to which the replacement line, highlight one? If so, how can it be done?

    Tried searching forums but do not have much info.

    Thank you!
    Sun

    ryansun wrote:

    My question is, is it possible to change the model of the tabular form to which the replacement line, highlight one? If so, how can it be done?

    Use the report attributes to the region in a table, where the report model is defined in the attributes of layout and Pagination .

  • Help with jQuery and product tabs content conflicts

    Hello:

    I implemented tabbed content to my product page, a Kiyuco tutorial.  Works great and really streamlines the product page, but I have problems with the display tabs in IE8 and IE9.  I find that very odd, because IE7 (the usual playah) shows the tabs like Firefox and Safari.  I'm sure there is a javascript conflict, I've solved a few others that have taken place on other pages in the site - but I don't know what the cause of the problem here.  I was wondering if there was a more well informed that I am that can point me in the right direction.  A link to a product page is here: http://childtocherish01.businesscatalyst.com/collections/piggy-banks/piggy-bank-large-lady bug

    Thanks in advance for everyone!

    Hello TiffanyP2010,

    It seems that your site has been set up to use head js (http://headjs.com/), now with jQuery UI that just added to the model that he does not know that jQuery is ready. So when you call the function tabs it will not work. It may work sometimes because jQuery was ready, but it is unclear when it will be other times, it may not work.

    Look over the head js documentation and you will see that you need to wrap your jQuery in a head.ready, as if:

    Head.Ready ("jQuery.file.js", function() {}

    {jQuery (document) .ready (function ()}

    jQuery("#tabs").tabs ();
    });

    });

    I know that's not a simple answer, but that seems to be your problem.

    Hope this helps,

    Chad Smith | http://bcgurus.com/Business-Catalyst-Templates for only $7

  • Integrate the Page with Jquery or not...

    Hello

    I bought some models to help a client.  I have included some links below to clarify but my question is put in a section (box) that I can just link to another page with respect (first a link / that I'm fried and don't remember how to do this) or add the code in an existing page (second link) to view this content (page html with Jquery).  I guess that there is possibly a delay and/or performance issues with this ', but ' I plan to connect the two.

    The question is, what is the best practice, and potentially second, if I was just to "bind" the two, what commands would use I have to do.  Sorry if this is a remedial provision.  Very fried at this point to another encoding.

    http://CodeCanyon.NET/item/jQuery-timeline-slider/full_screen_preview/2214213

    http://www.tradevet.com/kwnm/option2/site/index-2.html#.

    Thanks in advance.

    MD

    You could try to use an inline frame. Integrated page should be smaller to fit inside the parent page.

    src = "page2.html" frameborder = "0" height = "500" width = "100%" > ""

    Nancy O.

  • How to make a line intersect with a path at random angles?

    How to make a line intersect with the anchor point of a half circle when you want the line to continue beyond the anchor point of the half circle at an angle to randomly?

    Now that I saw your picture, I understand the problem. You must make the careful construction work.

    Take a look at this:

    Start by drawing your circle. Drag the ruler guides (here dotted lines) so that they snap into its Center C.

    Drag another landmark of rule to your point of origin O.

    With the Pen or line tool Segment a line of O to T A. setting by the eye as precisely as possible with the end of it A directly selected.

    A copy of the line OA rotate 90 °. Using smart guides, drag the new line until it crosses the center of the Circle C.

    Direct, select the end of your original line and move it to T until the smart guides say "cross".

    Now, with the selected OA line use the scale tool. O-click and drag to 45 degrees by holding the Shift key. Your line will extend over its own length.

    In order to take account of the OA line across the circle just use the Reflect tool. Select the line, an Option, click the horizontal guide and copy reflect across the horizontal axis through the dialog box.

Maybe you are looking for

  • After download, ' an error occurred during the preparation of the installation.

    Ok.  I'm not very good with computers, so I'm going to do my best here: I downloaded El Capitan last night, did the installation and rebooted.  The questions endless gray on the screen.  Relaunched in LANDAU several times; Install still 'stuck' 31 mi

  • HP Pavilion 15-p125ng: driver search for unknown devices

    I bought a HP 15-p125ng without OS and installed 8.1 Win 64 bit I installed a lot of drivers from the HP site but still 3 devices are shown as unknown Unknown devices are: ACPI\HPQ6007\3 & 11583659 & 0 ACPI\HPQ6001\3 & 11583659 & 0 ACPI\INT33A0\0 can

  • Cannot use the magnifying glass

    I have a HP Pavilion magnesium grey Edition p6740f PC. When I try to use the magnifying glass, I get a reference was returned by the server with C:\Windows\system32\magnify.exe. On the system restore, I get error 0x8000ffff.

  • Update video card for Dell XPS 8300

    I'm looking for suggestions for a video card to replace the original NVIDIA GT420 DDR3 1 GB video card in my XPS 8300 running with Windows 7 64 bit.  The PSU is rated at 460 W (+ 12VA-18 a; + 12VB 16 A; + 12VC 8A; + 5V 25A; + 5V to the 2 0a; 3.3V 17A

  • Home page may not change

    Hi, I tried to change my homepage, and no matter what I type in the box he returned always to "all white: what am I doing wrong?"