jQuery libraries included in apex 4

Similar Questions

• integration of libraries "bootstrap" in apex

  Hello

  I added "bootstrap" libraries of custom template apex in order to use certain features of the bootstrap, but now some jquery as well as "bootstrap" functionality features seem not to work as expected like datatable bootstrap, menus, icons, buttons, etc.

  I think it's the order of the references that ive tried to swap them round but no difference.

  " < link href =" http://MaxCDN.bootstrapcdn.com/bootstrap/3.2.0/CSS/bootstrap.min.CSS "rel ="stylesheet"> "

  " < script src =" http://AJAX.googleapis.com/AJAX/libs/jQuery/1.7.1/jQuery.min.js "> < / script > .

  " < script type =" text/javascript"src =" http://MaxCDN.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js "> < / script > .

  also tried the new together below,

  " < link rel ="stylesheet"href =" http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css' > .

  "< script src ="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> < / script >.

  " < script src ="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js "> < / script > .

  no idea what could be the issue here, or perhaps because of the jquery library internal Apex contradictory this one again if yes what is the best way to simultaneously run 2 jquery libraries because bootstrap needs specific version of jquery?

  concerning

  Hi Gor_Mahia,

  Gor_Mahia wrote:

  I added "bootstrap" libraries of custom template apex in order to use certain features of the bootstrap, but now some jquery as well as "bootstrap" functionality features seem not to work as expected like datatable bootstrap, menus, icons, buttons, etc.

  I think it's the order of the references that ive tried to swap them round but no difference.

  no idea what could be the issue here, or perhaps because of the jquery library internal Apex contradictory this one again if yes what is the best way to simultaneously run 2 jquery libraries because bootstrap needs specific version of jquery?

  What Version of APEX? Always include information of the environment required by your question. See: How to get answers from the forum

  If you use the APEX 4.2.2 or later, twitter bootstrap comes with Oracle APEX and you can include this library.

  Reference: Dimitri Gielis Blog (Oracle Application Express - APEX): Goodies - APEX included 4.2.2 libraries

  In addition, here are the basic themes "bootstrap" developed already that you can use:

  • Theme - download ("Bootstrap" theme as well as of Fontawesome developed by Richard and Sergei Martens)
  • https://apexplained.WordPress.com/2013/11/20/front-end-frameworks-in-Oracle-Apex/ ("Bootstrap" theme developed by Nick Buytaert)

  Kind regards

  Kiran

• jquery instances included twice

  my site is keepitrealtyinc.leonardlapena.me

  I use the following my site javascript widgets, but they do not work properly

  " < script type =" text/javascript"src =" http://www.keepitrealtyinc.idxhome.com/site/listing/search/widget/51250?style=horizontal & t arget = _blank "> < / script > .

  and

  " < script type =" text/javascript"src =" http://www.idxhome.com/site/listing/Gallery/slider/51250 "> < / script > .

  the 3rd party who has provided said javascript jquery widgets is included twice, once by muse, then in the widget code. includeResources = False is supposed to help but it does not work, can someone help please?

  Hi Leonard,.

  You may need to change the widget to third party for the local application of his version of jQuery so that it is not incompatible with that added by Muse.

  Please see https://api.jquery.com/jquery.noconflict/ for more information on this.

  Hope that helps.

  Thank you

  Vikas

• JQuery tabs in the apex

  Hello

  I followed the https://forums.oracle.com/message/4425187#4423187 thread to create templates for jquery tabs and has been a success. However, I have a question, i.e. default tab1 is in open State. Can anyone tell how to change the status of the two locking tabs when loading?

  Apex News:

  Request Express 4.2.2.00.11

  Details of DB - database Oracle 11 g Enterprise Edition Release 11.2.0.1.0

  Architecture of Web - APEX listener Server

  Browser (s) and version (s) used - Chrome version 24 / Firefox version 3.6 and 22

  Thanks in advance!

  Do you want to say that you do not want any tab is selected when the page shows up first?  interesting.

  You do not want to remove these classes from the tab: ui-tabs-selected and ui-State-active.

  Maybe with the code like this.

  $("li.ui-state-active").removeClass ("ui-tabs-selected ui-State-active");

  And you will need to hide the content area by adding "ui-tabs-hide".

  This probably better by targeting only the region that needs to be hidden by building its id with this syntax #REGION_STATIC_ID#-tab-#SUB_REGION_ID# .

  $("jqtabs-tab-subTabID").addClass ("ui-tabs-hide");

  Or if you don't know that, then their target with one class, they all get as ui-tabs-Panel

  Thank you

  -Jorge

  http://rimblas.com/blog/

• Libraries included in forms2adf

  Hello

  I understand jheadstart includes libraries not included in the installation download normal adf.

  My question if form2adf includes some libraries that facilitates the programming to 4gl developers.

  Thank you

  No, Forms2ADF generator is a special utility that can help you migrate from Oracle forms to ADF. But it is not a miracle solution.

  See this post for more information on Forms2ADF: https://forums.oracle.com/message/10736083

  Steven Davelaar,

  JHeadstart team.

• create jquery TABS simple in apex

  All,
  I'm creating TABS jquery based in apex, but I realized its not working not as I thought... I really need help on this please?
  
  that I created in my area, I added code below

  <div id="tabs">
  <ul>
  <li><a href="#">Nunc tincidunt</a></li>
  <li><a href="#">Proin dolor</a></li>
  <li><a href="#">Aenean lacinia</a></li>
  </ul>
  </div>
  
  then at page header i made references,
  
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <link rel="stylesheet" href="#WORKSPACES_IMAGES#style.css" />

  that I added the region of the child to the foregoing.
  
  but not everything works... .your help is sincerely appreciated

  First of all, why you are referencing a new version of jquery which is bundled with APEX? Here is a simple solution for your problem: http://www.warp11.nl/2011/04/tabs-within-apex-using-jquery/

  Thank you

  Tony Miller
  Software LuvMuffin
  Ruckersville, WILL

• progress bar jQuery UI in the apex report rows

  Hello
  
  Anyone know how I can display the progress bar from jQuery UI in each line of a report to the Apex 4? Each measure must the length according to the value in one of the columns.
  
  Thank you.
  Andy

  http://www.talkapex.com/2009/06/displaying-percentage-bar-in-apex.html

  Does that help?

• When you use APEX.jQuery () - syntax...?

  Hello
  
  I've migrated to Apex 4.02 and had an old jQuery Version running on 3.2.
  
  Now, I learned that I can use the construction in jQuery Libs who don't load the features of the user interface, but the additional user interface components can be loaded to the APEX - Lib.
  
  I read that renamed APEX implementation implementation of jQuery APEX.jQuery ().
  
  I threw my old jQuery Libs (only standard jQuery APEX bookstores are loaded), but my jQuery calls still work with $ ().
  
  So, when I use the syntax APEX.jQuery () and why to be $ () function still...?
  
  Thanks, Jürgen

  Do you mean without loading my own version a jQuery that I can refer to the APEX 4 included jQuery with apex.jQuery () AND $ (...)?

  Yes, Apex 4, you can see the jQuery bultin (included) Version using apex.jQuery or * methods of $.

  But when my own version of jQuery loading I can reference the APEX-jQuery libraries via apex.jQuery () and my own jQuery Libs with $ ()...?

  If however you want to load your own version of jQuery (say a newer version than the apex 1.4), you can refer to the new version of jQuery with the jQuery ( or * $(* méthodes et le bultin l'un à l'aide de apex.jQuery ))

  If you want to use a shortcut without ambiguity, you can use the method to alias method jQuery noconflict (< a="" href="http://api.jquery.com/jQuery.noConflict">http://api.jquery.com/jQuery.noConflict).
  For example

  So builtin accessible jQuery * $J (* (* apex.jQuery (* is also available) and your new would be available with * $(* ou jQuery (.))))

• apex.jQuery is not a function

  Hello
  
  I was using apex 3.2 with extjs 2.02 and everything worked fine. We have now upgraded Apex to Application Express 4.1.0.00.32 and I get the following error:
  
  apex.jQuery is not a function
  {Apex.jQuery (document) .ready (function () [break On This Error]
  f? p = 10... 25: (line 239)
  apex.jQuery is not defined
  [Break on this error])} return this.pushStack(d,a,e.selector...ex.event.gCancelActions=false})}}; / * !
  apex_4_1.min.js (line 18)
  
  
  I searched the forums without much joy. If this has been previously validated with a solution can someone point me there. Any help will be greatly appreciated.
  
  Thanks in advance.

  Praj,

  Well if it works, then it must be some kind of colission or conflicts with your different javascript libraries that you use. It's almost impossible to debug via the forum. If there is a conflict, you might want to try to reference your custom first, libraries then the apex files as I am pretty sure apex uses jQuery.noConflict)

  Good luck
  Janet Tyson

• jQuery Tabs in APEX 5.0.1

  Hello world

  I used this tutorial:

  Tabs within the APEX (using jQuery) "Warp11.:.» Group knowledge Oracle Apex

  to book jQuery Tabs in my APEX applications. It works in APEX 4.0, but is not in 5.0.1.

  Does anyone know why?

  It is similar to the layout:

  

  and this is what the page looks like after running:

  

  I appreciate any help in advance.

  Hello Farzad,

  the same thing happened to me as well but fortunaely APEX 5 offers a built-in feature to the tabs, while it was easy to migrate. To create tabs in 5 APEX, create a region Type: region display selector, model: tabs container and that's all you need to do.

  Kind regards

  Pavel

• JQuery, APEX and passage of setting/reception

  Hello.

  I try to use AJAX, JQuery-style, in an APEX application, and I'm in trouble.  I looked at this thread

  https://forums.Oracle.com/post! input.jspa? = 3139 container & containerType = 14

  that gave me some advice, but now I'm stuck (I prefer to use AJAX JQuery-style simply because I'm familiar with it and have had good success with it outside of the APEX).  Here is the part of my code to JQuery AJAX:

  	for (i = 0; i < toLoad.length; i ++) {}
  	var toLoadRow is toLoad [i].split('|');.
  	$.ajax({)
  	type: 'POST',
  	URL: "wwv_flow.show",
  	data: {}
  	p_flow_id: $('#pFlowId').val (),.
  	p_flow_step_id: $('#pFlowStepId').val (),.
  	p_instance: $('#pInstance').val (),.
  	x 01: toLoadRow [0]; p_request: ' APPLICATION_PROCESS = ' CLASS
  	},
  	dateType: 'json ',.
  	Async: false,
  	success: {function (data)}
  	Alert (Data);
  	},
  	failure: {function (data)}
  	Alert (Data);
  	}
  	});
  	}
  	}
  	});

  The problem is that I can't pass the parameter x 01 to CLASS.

  Here's the CLASS:

  declare

  v_out varchar2 (1);

  Start

  HTP. PRN (' past param x 01:' |: x 01);

  end;

  When I run my application, I gave this:

  param passed x 01:

  Is there a way I can just go to my APPLICATION process the value for x 01?

  Thank you very much.

  JR

  Try referring to the value using

  apex_application.g_x01

• Apex and jQuery

  Hello
  
  Version of the database that you are using: Oracle Database 11g Enterprise Edition Release 11.2.0.2.0 - 64 bit Production
  Application Express version: 4.1.1.00.23
  
  
  I feel pretty stupid right now because I can't understand this.
  
  How do you call a jQuery statement to run it?
  
  I'm trying to limit a date picker so that weekends cannot be selected and found the following:
  
  $("#datepicker").datepicker ({beforeShowDay: $. datepicker.noWeekends});
  
  
  But have no idea how to call it or where to put it. Lot of information about what you can do, but can't find anything on how to do it?
  
  Thanks in advance,
  Chuck

  Hello Chunk,

  As far as I KNOW, the settings that you can specify point date picker are limited when you use item "date selector" apex. (you can find them under the item-> settings)

• Create a normal text box item, P1_TEXT_ITEM_DATE
  
• Put code under "run when the page loads" next to the article

  $("#P1_TEXT_ITEM_DATE").datepicker({ beforeShowDay: $.datepicker.noWeekends });
  

  Now you have a total point of date picker settings control. You can use any settings that you can find on the jQuery documentation.

  APEX-picker to help has some advantages, for example when you set point in read-only, then APEX link of the APIs of picker for the element etc..

  Kind regards
  Hari

• Added Jscript 3rd party libraries

  Apparently, it's super obvious to everyone, but me...

  I can't find any documentation on how to properly add 3rd jscript libraries part to apex.

  The only one that make sense to me is the next Przemek Staniszewski - Oracle APEX & me: integration APEX and jQuery UI but since it's 2010, I'm not sure if it is still correct.

  I'm in 4.2

  AZZ says:

  Apparently, it's super obvious to everyone, but me...

  I can't find any documentation on how to properly add 3rd jscript libraries part to apex.

  It's weird. It seems to be treated fairly exhaustive documentation.

  The only one that make sense to me is the next Przemek Staniszewski - Oracle APEX & me: integration APEX and jQuery UI but since it's 2010, I'm not sure if it is still correct.

  I'm in 4.2

  It depends on where the JS files are located and where they are needed.

  The simplest approach is to download the files in the repository of the APEX, where they can be referenced using the APP_IMAGES or WORKSPACE_IMAGES substitution string and script file names, depending on whether the file is associated with a specific application or not. Alternatively files can be located in the file system web server, or downloaded directly from an external source such as a content distribution network.

  4.2 APEX, there are three separate JavaScript file URL attributes that should be used to include JS files used by the application:

  • If the script or the library is required on all or most of the pages of the application, enter this amount on the level of the user interface by using the URL of file attribute in the definition of the User Interface (Home > Application Builder > Application > User Interface)
  • If the script or the library is required on a specific page type, use the URL of file attribute in the corresponding model page (home page > Application Builder > Application > shared components > models > modify the Page template)
  • If the script or library is necessary on one page, use the URL of file attribute in the definition of page (home page > Application Builder > Application > Page > Edit Page)

  It's simple to reference files in the file URL attributes using simple URL, without the additional need for HTML. See the documentation and online help for complete information about the features supported and chains of substitution. References of basis for possible locations are:

  • Static application file:#APP_IMAGES#script.js
  • Static file:#WORKSPACE_IMAGES#script.js
  • APEX image folder:#IMAGE_PREFIX#js/foo/script.js
  • Custom web server folder:/js/foo/script.js
  • CDN URL:http://www.foo.com/js/libs/foo/script.js

• JQuery accordion

  Hi all

  I'm looking for a simple example to add a jQuery accordion to my page. "When I add the < script src="#IMAGE_PREFIX#libraries/jquery-ui/1.10.4/ui/jquery.ui.accordion.js "type =" text/javascript"> < / script > to the page after the #HEAD model # and before the closing of < / head > I get the following errors

  jQuery.UI.Accordion.js:570 uncaught ReferenceError: jQuery is not defined (anonymous function) @ jquery.ui.accordion.js:570

  f: 244 Eception TypeError: apex.jQuery(...). accordion is not a function

  I use the call below to create an instance of accordion that I added in the HTML of the page header

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

  apex.jQuery("#accordion").accordion ();

  })

  Now, it works fine when I add the script src url page as javascript section below:

  #IMAGE_PREFIX#libraries/jquery-ui/1.10.4/ui/jquery.ui.accordion.js

  So my question is, what is the right place to include the jQuery ui files l? I want to use the apex.jQuery reference to call the accordion for his recommended

  APEX Version: 5.0.2.00.07

  Thanks in advance,

  RD

  Hi 3068743,

  3068743 wrote:

  Please change your login username of "3068743" to something meaningful. Reference: Video tutorial how to change username available

  I'm looking for a simple example to add a jQuery accordion to my page. When I add the to the page after the #HEAD model # and before closing in I get the following errors

  jQuery.UI.Accordion.js:570 uncaught ReferenceError: jQuery is not defined (anonymous function) @ jquery.ui.accordion.js:570

  f: 244 Eception TypeError: apex.jQuery(...). accordion is not a function

  ...

  Now, it works fine when I add the script src url page as javascript section below:

  #IMAGE_PREFIX#libraries/jquery-ui/1.10.4/ui/jquery.ui.accordion.js

  So my question is, what is the right place to include the jQuery ui files l? I want to use the apex.jQuery reference to call the accordion for his recommended

  APEX Version: 5.0.2.00.07

  With Oracle APEX 5, jQuery and jQuery UI libraries are already delivered. Loading most of the JS/jQuery libraries is now spent under heading of the page to "Foot of Page" before the end of the body.

  Therefore, the jQuery file that you alluded was not able to find the dependent main jQuery library. Therefore, the error. The error disappears when include you in the article in the Page URL for JS file, given that the URL written in this section are properly sequence after the libraries of the main theme.

  See the following excerpt of Page Standard of universal theme 5 APEX model.

  

  According to the documentation of the APEX 5, you must include the JS library in the section "Attributes of User Interface-> Desktop-> details-> JavaScript-> file URL section User Interface".

  Reference: https://docs.oracle.com/cd/E59726_01/doc.50/e39147/extend_app001.htm#HTMDB29026

  NOTE: Read the section "19.3.2.1 on access to the other jQuery UI components.

  This is the section where you include your JS library reference.

  

  Kind regards

  Kiran

• Option 4.2 "includes Standard JavaScript and CSS" deleted?

  Hello
  
  APEX 4.2, Oracle 11 g r2.
  
  I've been using the option * 'Include Standard JavaScript and CSS' * starting from page attributes. It has been set on * 'No' * in all the pages that I manage my own JQuery versions.
  We went to 4.2 yesterday, and I see that the option is always there on the 4.2.
  
  I just tried to put it on 'Yes' to a test, but now the option disappeared! I can't set it to 'no '...
  On each page, if I set to 'Yes' and apply the changes, the option isn't here when I return to the page attributes.
  
  Bug?
  Or maybe that this option has been removed from the 4.2?

  Hello

  Yes, this has been intentionally removed for applications / pages that do not use the feature. As you said yourself, and what we saw other customers is that someone wants not just to exclude a single page and like rather than control it for the application. That makes a little heavier, because a developer had to define for each new page.

  That's why we created a placeholder to the template page for * #APEX_JAVASCRIPT #* and * #APEX_CSS #* give control you allowing to load libraries of the APEX and if you don't want to load them, simply remove them from the already stressed page as Vikram model.

  Concerning
  Patrick
  -----------
  My Blog: http://www.inside-oracle-apex.com
  APEX Plug-Ins: http://apex.oracle.com/plugins
  Twitter: http://www.twitter.com/patrickwolf