Using JQuery in Apex

I use Apex 4.1

I'm trying to animate a list, I therefore wanted to use JQuery
So, I've edited my page and put the following text in the Javascript box.
$(function() {
        $("#MAIN").show("slide", { direction: "up" }, 500);
                
});
I gave to my region list id of the HAND.
Unfortunately, the animation does not work.
I think the Jquery file to do this job is jQuery UI effects, which I believe is loaded automatically into the Apex 4
or am I wrong

See you soon

Gus

Hello

you get an error in the JavaScript console?
Maybe * #main * is not loaded when you call the code?

Try:

$(document).ready(function() {
   $("#MAIN").show("slide", { direction: "up" }, 500);
});

Tags: Database

Similar Questions

  • JQuery and Apex

    Hello

    I need help to understand how to use JQuery modal window in the Apex with a query from a table.

    Basically I want in my modal windon to the result of a statement select, is - it possible.

    Can you tell me the meaning?

    Kind regards

    Hello

    Thank you very much for your answer

    I also test this:

    Oracle APEX: How pimp your dialog box with JQuery - Yenlo

    Kind regards

  • Integration of JQUERY within APEX

    Hi everyone and happy Christmas...

    I have a problem with jquery in the apex. I searched in previous posts, but I can't reach to make it work...
    I'm under apex 3.2.1 on linux with the apex listener.

    I want to refresh a report, and I found that it was possible to do using jQuery (...). Trigger ('apexrefresh'). So I tried to declare jquery...
    I've downloaded jquery - http://jquery.com 1.8.3.js and downloaded as static files in the components shared with apex.

    Now, I'm trying to set the file in my section of javascript like this:

    < script src = "" #APP_IMAGES #jquery - 1.8.3.js "type =" text/javascript"> < / script >"
    ....
    < script type = "text/javascript" >
    updating of the regions affected by the change in point PXX_ID_OPERATION
    Alert("#APP_IMAGES#jQuery-1.8.3.min.js");
    Alert (apex.jQuery (.jQuery));
    < /script >

    In vain the javscript in the .jquery statement (apex.jQuery).
    What was my mistake? I am certainly quite wrong, but I have not found a clear tutorial on the internet. Thank you in advance for help.

    Kind regards...

    Since you are NOT at the APEX 4.x, maybe one of them will help you:
    http://c2anton.blogspot.com/2010/02/Apex-refresh-classic-report-region-AJAX.html
    this: http://www.oracle-and-apex.com/question-how-to-refresh-an-apex-sql-report-from-javascript/
    http://blog.warp11.nl/2011/04/Oracle-Apex-report-refresh-the-easy-way/

    Happy holidays!

    Tony Miller
    Ruckersville, WILL

  • Gallery of images using Jquery Fancy Box

    Hello world

    I'm new to Apex. Using Apex 4.1 on Oracle 10 g. Now working in a gallery app, image viewer I have try to use Jquery fancy box.

    Am followed this site [http://saradesh.com/tajuddin/index.php/fancybox-in-apex-dynamic-report/] his works perfectly.

    What I want is when I click on the image in interactive report I want to open the image in the fancy box and I want to navigate to the previous and next images. Can someone help me on this.

    Thank you
    Sri

    >

    Please update your forum profile with a real handle instead of '891791 '.

    I'm new to Apex. Using Apex 4.1 on Oracle 10 g. Now working in a gallery app, image viewer I have try to use Jquery fancy box.

    Am followed this site [http://saradesh.com/tajuddin/index.php/fancybox-in-apex-dynamic-report/] his works perfectly.

    What I want is when I click on the image in interactive report I want to open the image in the fancy box and I want to navigate to the previous and next images. Can someone help me on this.

    It is easy to do this for the pictures shown in the page view IR. It would be much more complicated to do this for all of the images returned by the IR motion, including those not visible on the current page.

    1 create a column of thumbnail image in the IR using the support integrated BLOB. If necessary and style thumbnails by using a style sheet in the header HTML page:

    
    

    2. create a dynamic Action to bind calls Fancybox for thumbnail when IR is updated.

    When

    Event: After refresh
    Selection type: Region
    Region: IR Gallery / / whatever your area

    Real Actions

    Action: Run the JavaScript Code
    Fire on Page load: Yes

    /*
      Wrap each thumbnail image in the link element required by Fancybox.
    
      The rel attribute enables the Fancybox gallery feature.
    
      (jQuery is used for this because it appears APEX does not provide a good way of making the BLOB
      into a link that references its source.)
    */
    $('#employees td[headers="PHOTO"] img').wrap(function() {
      return '';
    });
    /*
      Bind the required Fancybox call to the thumbnail links.
    */
    $('#employees td[headers="PHOTO"] a').fancybox({
      'type'          : 'image',
      'transitionIn'  : 'elastic',
      'transitionOut' : 'elastic',
      'speedIn'       : 300,
      'speedOut'      : 300
    });
    

    3. change the Fancybox options used for the required appearance and behavior.

  • Using jQuery with no access to the file system

    Hello

    I use APEX 3.2.1 with Oracle 10 g on Windows XP Pro SP3.

    I need (I want!) to use the JQuery library to get more beautiful datepickers (especially).

    I tried to download the jQuery library and included in my page template. I have followed me some tutorials and help from the page (or tried to help...):
    http://www.oracleapplicationexpress.com/tutorials/66-integrating-jQuery-into-apex
    http://www.oracleapplicationexpress.com/tutorials/65-jQuery-datePicker
    http://carlback.blogspot.com/2007/12/Apex-and-3rd-party-JS-libraries.html
    etc...

    Nothing has worked.

    But if I understand I need a file system access? I don't have!
    I can't use Google links too my application needs to be secured (actually https).

    I really need a script that fits easily just by adding a js for example file.
    Is it possible, or perhaps you know of other good libraries?

    Thank you.

    Yann.

    Hmm... I vaguely remember a thread about this the other day:

    Re: SEO image of workspace in the CSS file

    I think that it is best to put the style in the header html section or in the page template

    And their SEO in external JS files is discussed here: #WORKSPACE_IMAGES # is accessible from an external JS?

    Good luck!

    BTW... why not have access to / i?

  • Try calling a WCF service hosted locally by a HTML Page customized using jquery. Error: 451: undefined

    Hello

    I created a WCF Service, customized and hosted locally by using application Console VS.

    I need to access the methods of the custom of a custom Page HTML application, using JQuery.

    I tested the WebService in Wcftestclient.exe and it works very well.

    Now, while trying to access it from the HTML Page (not no matter what Web Application), he runs into function() error of $. ajax()

    State of error: 451

    messageReason Error: Undefined

    Please share your suggesstions how approach when accessing the client HTML Page.

    Hello

    The question you posted would be better suited in the MSDN Forums; We recommend that you post your question in the MSDN Forums to get help:

    http://social.msdn.Microsoft.com/forums/en-us/WCF/threads

    Keep us updated on the status of the issue.

  • Zoom image using Jquery in ADF Faces

    Hello

    the body of each

    How are I hope to a fine

    Please I want to

    step by step to work

    Zoom image using Jquery in ADF Faces

    Hi user,

    Please specify your jdeveloper version

    Please check if link below help you

    http://www.awasthiashish.com/2014/12/image-zoom-power-zoomer-effect-using.html

  • Hi all the * please how (add &amp; use) jquery in adf file * thank you

    Hello

    Refer

    Blog of Ashish Awasthi (Jdev/ADF): using JQuery in Oracle ADF

    Using JQuery in Oracle ADF | Oracle ADF Blog

    http://andrejusb.blogspot.ca/2014/02/simple-jQuery-notification-message-for.html

    https://technology.AMIS.nl/2011/01/31/ADF-11g-using-jQuery-with-ADF-to-provide-a-fading-user-feedback/

  • Hi, I'm developing a simple mobile app in DW CC 2015 using JQuery Mobile. LIKE I need the list view with description of the product, functionality and image, I would like to connect with database instead of "writing" all the tables in the bearings inside

    Hi, I'm developing a simple mobile app in DW CC 2015 using JQuery Mobile. LIKE I need the list view with description of the product, functionality and image, I would like to connect with database instead of "writing" all the tables in the bearings inside the Jquery page. In the future I would also be able to add, to remove the DB records. Any help, tutorial... Thanks TG

    I would like to connect with the database instead of "writing" all the tables in the bearings inside the Jquery page

    This is usually done with a CMS (content management system). There are commercial products CMS like WordPress, Joomla and perch. You create one or several layouts and then create pages of these page layouts using the CMS. In this way, it is possible to have hundreds of pages, each with unique content, but a page layout that can be managed in a place of sharing.

    CMSs on shelf don't require programming skills. Otherwise, some of us write our own CMS with custom functions, but this requires back-end, as with PHP programming.

  • Anchor using JQuery Mobile issues

    I'm having a lot of problems with getting the anchors to work properly all using JQuery Mobile Starter/Page template. My instructor gave me a javascript to use, but that also does not work correctly. I tried a lot of different options to acquire to work and correctly and I had no chance. It is a project that is due next week and right now, it's the only thing that holds back me. So, basically, what I'm trying to do is is when you click on reference points that it'll bring you to a new page with various of the city, and when you click on a city, it brings you to the anchor so you can start reading my information.

    The first anchor controlled by javascript works correctly, but when I add my second anchor and test it, it will go to the first position of anchors, but a few paragraphs down. If I add a third it will only go down the page a little bit as if he were not moved at all.

    A lot of help is greatly appreciated

    Landmarks

    Youngstown

    Mill of lanterns of Mill Creek Park

    Mill Creek Park (officially called Mill Creek MetroParks) is an urban park located in Youngstown, Ohio. The Trust for Public Land is a part of the Mill Creek the largest 142rd Park located within the limits of an American city. Mill Creek MetroParks extends now on the West side near Youngstown to the southern border of the city and nearby Boardman Township. The Park "encompasses approximately 4400 acres (10.5 km²), 20 mi (32 km) of drives and 15 mi (24 km) of hiking trails" as well as a variety of bridges, ponds, streams, well-tended gardens and waterfalls. If including the total size of the park system, Mill Creek ranks among the largest metropolitan parks owned by the city of any American city limits.

    The Butler Art Institute 



    The Butler Institute of American Art, located on the Avenue of Wick at Youngstown, Ohio, United States, was the first museum dedicated exclusively to American art. Created by local industrial and philanthropist Joseph G. Butler, Jr., the Museum operates on a voluntary basis since 1919. The original structure, dedicated in 1919, is a McKim, Mead and White architectural masterpiece listed on the National Register of historic places.

    Stambaugh Auditorium

    Stambaugh Auditorium opened in 1926 through the generosity of Henry H. Stambaugh. It is located on Fifth Avenue, in front of the Park Wick at Youngstown, Ohio. Stambaugh is nearly equidistant from Chicago and New York, as well as Cleveland and Pittsburgh. Cleveland Hopkins Airport and the Pittsburgh International Airport are less than an hour. New York City or Chicago, flight an hour of. Access to highways 80, 76 and 11 is a block away. More than 1 million people live in the immediate catchment 6 County area. Youngstown State University with more than 14,000 students is two blocks away. There are many other universities and colleges within an hour by car, with a combined student population of more than 75,000.

    Dayton

    Dayton is the sixth largest city in the State of Ohio and is the seat of Montgomery County. As of 2010 census, the population was 141 527; Dayton metropolitan area had 841 502 inhabitants, making it the fourth largest metropolitan area in Ohio, after only the cities of Cleveland, Cincinnati and Columbus and the 63rd largest in the United States. The Dayton-Springfield-Greenville combined statistical area had a population of 1 080 044 in 2010 and is the 43rd largest in the United States. Dayton is located in the Miami Valley of Ohio area just north of the Cincinnati-Northern Kentucky metropolitan area.

    Carillon Historical Park

    The Park puts you in the history of the region - Dayton establishment in 1796 by the bias of two centuries of expansion, industrialism, and innovation. Learn more about these revolutionary achievements while you stroll in the Park's 25 historic buildings and interact with hundreds of artifacts in our exhibitions. Where else can you see the original 1905 Wright Flyer III, the first plane practice world and National Historic Landmark, the 1835 B & O (Grasshopper) steam locomotive and the first automobile self-starter?

    Arboretum of cemetery

    Woodland was incorporated in 1842 by John Whitten Van Cleve, the first child of male born in Dayton. [2] he was the son of Benjamin Van Cleve and Mary Whitten Van Cleve. The cemetery began with 40 acres (160 000 m2) southeast of Dayton and was expanded to its current size of 200 acres (0.81 km2). Plus 3,000 trees and 165 specimens of native Midwestern and woody plants trees adorn the hills. Many of the trees are more than a century, and 9 have been designated "Ohio Champions". The highlight in Dayton is the cemetery, and during the great flood of 1913 Dayton, it became a place of refuge.

    Christopher Columbus

    Cleveland

    Cincinnati

    Akron

    Toledo

    Explore Ohio © 2015 MU

    Restaurants

    Content

    Explore Ohio © 2015 MU

    Attractions

    Content

    Explore Ohio © 2015 MU

    Ohio Sports

    Content

    Explore Ohio © 2015 MU

    Ohio history

    Content

    Explore Ohio © 2015 MU

    Hotels

    Content

    Explore Ohio © 2015 MU

    Just to clarify some terms. An anchor point is what we all call a hyperlink. You refer to the name attribute of the anchor tag.  Named anchors are deprecated, but whether you use them or element ID that they work the same.  Not really sure that you posted after your question - can you just after the code?

    > The first anchor controlled by javascript working correctly.

    > but when I add my second anchor and test it, it will go to the

    > anchors first position, but a few paragraphs down. If I add a third

    > It will only go down the page a little bit as if he were not moved at all.

    Is there enough room for the page scroll? Links to specific locations in a page works by scrolling through the page. If there is not enough left on the page height, it can not scroll and may give the impression that it doesn't. Is this what is happening? If this isn't the case, then you will need to view the code.

  • How to create the div dyanimcally animation using jquery + javascript

    Hello

    After a week of research and without having the full result, I decided to download the new discussion here and maybe some of you guys are going to help me.thanks in advance.

    the include file:

    <! - execution of adobe Edge - >

    < meta http-equiv = "X-UA-Compatible" content = "IE = Edge" >

    < script type = "text/javascript" charset = "utf - 8" src = "animate_edgePreload.js" > < / script > "."

    <! - end of Runtime adobe Edge - >

    HTML code:

    < div id = 'Stage' class = "EDGE-70798230" > < / div > if I put it as it of course everthing works very well... I can put more with different IDs and they works perfectly...

    My problem:

    I don't know how much of this animation, I need... depends on my server give me in response... so I need to create them dynamically.

    I tried a lot of things:

    $("#newAnimation").append ("< div id ="Stage2"class ="EDGE-70798230"> < / div > ');    of course, with what happened... it is not even the symbols under stage... and not on the CSS...

    $(". Edge-70798230 #stage"). Clone () .appendTo ("#newAnimation");

    $("#newAnimation").children('#Stage').prop ('id', 'Stage2');   then more changes in css and just then I can see the animation, but it doesn't work... "play is not defind" when I try to run the animations...

    I know there is a function called createChildSymbol/createSymbolChild, but none of them does not work for me...

    I use jquery mobile... so to start the animation for example make $. Edge.Symbol.get ($("#stage")). Play();

    I tried to use the etc loadResources doesnt work too...

    someone has an idea of what I can do? Is it possible?

    Thus, a demo file to sym.createChildSymbol () and sym.createSymbolChild ().

    ==> create ChildSymbol SymbolChild.zip - Box

  • creation of a photo of the hero using jquery slider but the sub nav bar menu go behind the tag div of heroes

    Dropbox - Butler lawyers

    Hello everyone

    I m, design a site with a hero photo slider using jquery. My problem is, the nav bar submenus go behind the photo slide so that you can't see the submenus of the Legal Services tab. I have provided a link dropbox for the entire project. I'm working on the file called index.html. Any thoughts on how to solve the problem?

    Thanks in advance

    Paul

    Hi Paul

    Sounds like a z-index issue.

    We really need to see ALL of your files to solve your problem quickly and accurately, without a lot of questions and-front-back and guess.

    Just rename a copy of your problem page (for example "test.html") and upload it to your server (with all the associated files) in the folder the original page was and simply post a link in the Forum and tell us about your problem.

    This avoids you having to cut and paste code miles in the Forum of the page and all dependent on CSS, JS etc files.and saves us from having to recreate all your files, find your images and then fix your code and test the solution for you.

    I hope it's useful.

  • Defining the field level line in the table using jQuery

    Hello

    I am using the following command for reading and then set the values in the same row in a report.
    Re: Referring to a value of field line in an interactive report using jquery

    Consider the following excerpt
    // read information eg
    var row = $x_UpTill(this.triggeringElement, 'TR');
    var dateCompleted = $('input[name="f03"]', row)[0];
    console.log(dateCompleted.value);
    // write information eg
    var dateBooked = $('input[name="f02"]', row)[0];
    //dateBooked.value = 'xyz'; // sets to xyz, as expected
    dateBooked.value = return_date; // sets the actual code, not returning string
    Everything works as I expect except the last line. I have a js function returns a formatted string (Date set with Javascript , but in this case, my field now contains the definition of the actual code, not the date string the function actually returns.

    I don't think that I'm just not understand a simple concept for JavaScript here?

    A simple solution might be to create the P0_SYSDATE, calculated field to TO_CHAR(SYSDATE,:F_DATE_FORMAT), then apply
    dateBooked.value = $v('P0_SYSDATE');
    but I'm trying to improve my understanding of javascript/jQuery...

    See you soon,.

    Scott

    So are you saying that return_date is a function real javascript, which returns the document to the format string/date you want?
    If so, then I think you simply need parenthesis to function:

    dateBooked.value = return_date();
    

    Or... I'm missing something here?

    Thank you
    -Jorge

  • Flash CC: use jQuery functions

    I want to use the jquery functions in flash for html5 game that I build. What I tried to do is add the following lines, and then use the simple jquery function, but it seems not responsible, because I get the error: $ is not defined

    This is my code, which is located in the first frame of the main timeline:

    var head = document.getElementsByTagName('head')[0];
    var file = "http://code.jquery.com/jquery-1.11.0.min.js";
    var ref = document.getElementsByTagName('script')[0];
    var js = document.createElement('script');
    js.src = file;
    ref.parentNode.insertBefore(js, ref);
    
    console.log(head.outerHTML);
    console.log($(document).height());
    
    
    console.log($(document).height());
    

    I see in the console log, the result is the following:

    < head >
    < meta charset = "UTF-8" >
    GGG < title > < /title >
    "< script src ="http://code.jquery.com/jquery-1.11.0.min.js"> < / script > < script src ="http://code.createjs.com/easeljs-0.7.1.min.js"> < / script >.
    "< script src ="http://code.createjs.com/tweenjs-0.5.1.min.js"> < / script >.
    "< script src ="http://code.createjs.com/movieclip-0.7.1.min.js"> < / script >.
    < script src = "ggg.js" > < / script >
    < script > canvas var, Stadium, exportRoot;
    function init()
    {
    canvas = document.getElementById ("canvas");
    ! important; ' > exportRoot = new lib.ggg ();
    Stadium is new createjs. Internship (Canvas);
    stage.addChild (exportRoot); internship. Update();
    createjs. Ticker.setfps(25) (lib.properties.fps);
    createjs. Ticker.addEventListener ("tick", stage);
    }
    < /script > < / head > ggg.js:163

    1. > Eception ReferenceError: $ is not defined

    What is the problem with that? and what I should do if I use jquery?

    TIA

    Hi Rotem,

    The correct way would be to publish your Web project once, then open the html published outside and include the jquery lib or any other lib, that you can use.

    Now go to the fla file in Flash Pro, open publication settings and uncheck - "replace the HTML code".

    In this way, your HTML file does not get overwritten every time that you publish and the assets of drawing and animation is refreshed.

    PS: This setting is made available in the latest version: Flash Pro CC 2014 (14.0.0.110). So make sure you update your Flash Pro, if it is not up-to-date.

    -Mabrouk

  • Can I use css3 in apex 4.

    I'm new to apex... Myself I don't know good css... But in trying to find out...
    Can I use css3 in apex 4... Database 11g xe

    941005 wrote:
    I'm new to apex...

    Welcome to the forum: Please read the FAQ and the forum threads sticky (if you have not already done so) and make sure that you have updated your profile with a real handle instead of '941005 '.

    You will get a faster, more effective response to your questions including information as much information as possible from the outset. This should include:

  • Version of the APEX
  • Edition and version of DB
  • (EPG, SST or APEX listener) Web server architecture
  • Browser (s) used
  • Theme
  • Templates
  • Type of zone

    Myself I don't know good css... But in trying to find out...
    Can I use css3 in apex 4... Database 11g xe

    In the APEX of all aspects of an application (including font size) are controlled using a combination of (X) HTML and CSS by themes and templates. You need to have an understanding of these web technologies to make the best use of the APEX. If you are not familiar with them, you are advised to get at least a basic knowledge by spending some time in the tutorials here: start with HTML, XHTML, CSS, Javascript and the HTML DOM.

    Features CSS3 can certainly be used in your applications and themes of the APEX. All problems are not likely to land here, but to know if these features are supported by the browsers/versions used during execution of their. These sites can be useful to determine it is worth it for you to use CSS3 to implement a particular feature:

    http://www.impressivewebs.com/CSS3-browser-support/

    http://caniuse.com/

    Using progressive enhancement techniques will allow you to introduce CSS3 features for browsers that support them all by always accessible to those who are not applications.

Maybe you are looking for

  • Why can't I print my email body, they come out with the right that is missing.

    When I try to print my emails (gmail) all under the Mail column prints, but the right side is missing. I tried everything I know and nothing works. I can't move it and I can use the print selection. Also I can not print the entire email if it is grea

  • nxSystemOpen returns without interfaces or devices up to what MAX is started and chassis reset

    I'm writing an XNET application. My problem is that I can't detect or connect devices or interfaces until I throw MAX and reset the cDAQ (NI 9191) chassis that contains the module CAN (NI 9862) on hardware powered. Once I do this, the application wor

  • Is there a time more big mistake to waste...

    BEGIN RANT that the "deployment completed with errors.  This hateful error has popped up repeatedly in a project that I worked on last year, sometimes in the process of disappearance with a LabVIEW or the remote system reboot, sometimes when I turn o

  • Acer C720 Chromebook - drag - d├⌐poser doesn't seem to work.

    I recently acquired an Acer C720 and drag / move (found this when you try to move a tab in Chrome) does not work. I went looking for the gesture and he said to hold with a finger and move with each other - it doesn't seem to work for me. What I have

  • Corrupt registry, need help please

    Hello I have a Dell Optiplex GX 270 that I bought used from a store of Liquidation of the Office, the vehicle currently has Windows XP Professional installed SP3. When I have this home computer I noticed he had all kinds of problems, so I started to