JQuery in Apex 4.0

Hello All,
I want to create a accordion in my application by using the jQuery components, I followed some Threads also but it still not working.
This is the thread I am following:
Roll Your Own - APEX 4.0 and JQuery-UI Application
Here the example given by Jeff is working fine for the tabs when I tried that, but for accordion I am following the reply given by Alister Lang.
This is what I have done:
Html Header:
<link href="IMAGE_PREFIX#libraries/jquery-ui/1.8/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />
<script src="#IMAGE_PREFIX#libraries/jquery-ui/1.8/ui/minified/jquery.ui.core.min.js" type="text/javascript"></script>
<script src="#IMAGE_PREFIX#libraries/jquery-ui/1.8/ui/minified/jquery.ui.accordion.min.js" type="text/javascript"></script>
<script>
$(function() {
$( "#accordion" ).accordion();
</script>
HTML Region(Container)
Region Source:

and two Reports with
Static Id: tabs-3 and tabs-4
This is the result what I am getting:
http://apex.oracle.com/pls/apex/f?p=15413:3:3018646282454486:::::
username: demo
password: demo
Please help me out
Thanks
Tauceef

Hi Tauceef,
have a look at Using jQueryUI Accordion with APEX 4.0 that will make it a lot easier to define an accordion.
Regards
Patrick
My Blog: http://www.inside-oracle-apex.com
APEX 4.0 Plug-Ins: http://apex.oracle.com/plugins
Twitter: http://www.twitter.com/patrickwolf

Similar Messages

How to include newer version of jQuery in APEX 4.1?

Hi,
I've included a newer version of jQuery and jQuery-UI in my page template according to APEX documentation (after #HEAD# in page template). However I am having some issues, for example the datepicker doesn't work anymore.
I've created an example here [url http://apex.oracle.com/pls/apex/f?p=47057:1]http://apex.oracle.com/pls/apex/f?p=47057:1. You can't select a date from the datepicker after it has been displayed on the screen.
Any help is greatly appreciated.
Regards,
Jure

Thank you all for help, from your posts I was able to get the datepicker working with a different version of jQuery (but not jQueryUI) included on the page. There are two methods:
1. Include the new library before #HEAD# and change the reference to a different variable, for example:
<script src="jquery-1.6.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
var jq164 = jQuery;
</script>
#HEAD#2. Include the new library after #HEAD# and enable noConflict() mode, for example:
#HEAD#
<script src="jquery-1.6.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
var jq164 = jQuery.noConflict(true);
</script>In both examples above, $, jQuery and apex.jQuery point to apex jQuery, while jq164 points to the new one.
However, I couldn't manage to include a newer version of jQueryUI. I only found a page ([url http://stackoverflow.com/questions/6358961/using-multiple-jquery-ui-versions]http://stackoverflow.com/questions/6358961/using-multiple-jquery-ui-versions) that says you have to specify a different context for each version of jQueryUI included on the same page. I haven't yet had time to look at this, so if anyone already knows how to do it, it would be really nice to share it with us.
Regards,
Jure

Using JQuery with Apex

Hello, I have a question for those of you who are using JQuery with Apex:
This is my HTML header:
<script type="text/javascript" src="&WORKSPACE_IMAGES.jsapi.js"></script>
<script type="text/javascript">
google.load("jquery", "1.3.2");
</script>
The problem is that JQuery still loads from Google and since the Company Intranet has the cookies blocked the privacy icon appars in IE. I am sure somebody will one day notice this and it's gonna be a "big" problem.
I suspect that something must be changed below to make the privacy icon dissapear,
if (!window['google']) {
window['google'] = {};
if (!window['google']['loader']) {
window['google']['loader'] = {};
google.loader.ServiceBase = 'http://www.google.com/uds';
google.loader.GoogleApisBase = 'http://ajax.googleapis.com/ajax';
google.loader.ApiKey = 'notsupplied';
google.loader.KeyVerified = true;
google.loader.LoadFailure = false;
google.loader.Secure = false;
google.loader.GoogleLocale = 'www.google.com';
Any ideas how to change this code and if this is going to work?
George

Hi,
If you do not like use jQuery from Google, discard your code
<script type="text/javascript" src="&WORKSPACE_IMAGES.jsapi.js"></script>
<script type="text/javascript">
google.load("jquery", "1.3.2");
</script>and use e.g. this guide to integrate jQuery to your Apex apps
http://www.oracleapplicationexpress.com/tutorials/66-integrating-jquery-into-apex
Br,Jari

Using JQuery In Apex

I am using Apex 4.1
I am trying to animate a list, so wanted to use JQuery
So I edited my page and placed the following in Javascript box.
$(function() {
$("#MAIN").show("slide", { direction: "up" }, 500);
}); I gave my list region the id MAIN.
Unfortunately the animation does not work.
I believe the Jquery file required to make this work is jQuery UI Effects, which I believe is loaded automatically in Apex 4
or am I wrong
Cheers
Gus

Gus C wrote:
I have now placed the following in to my page template
<script src="#IMAGE_PREFIX#libraries/jquery-ui/1.8.14/ui/minified/jquery.ui.effects.core.js" type="text/javascript"></script>
<script src="#IMAGE_PREFIX#libraries/jquery-ui/1.8.14/ui/minified/jquery.ui.effects.slide.js" type="text/javascript"></script>Still nothing
GusThe problem is in your paths that has file names spelled wrongly and also the point you are loading the files is before the *#HEAD#* tag, these files should be loaded after the *#HEAD#* tag because the actual jQuery file is loaded at that point by APEX
You should load the files with these names
<script src="#IMAGE_PREFIX#libraries/jquery-ui/1.8.14/ui/minified/jquery.effects.core.min.js" type="text/javascript"></script>
<script src="#IMAGE_PREFIX#libraries/jquery-ui/1.8.14/ui/minified/jquery.effects.slide.min.js" type="text/javascript"></script>Check your app/page now
Edited by: VC on Jun 21, 2012 9:22 AM

Can I prevent the #HEAD# tag from loading jQuery in APEX 4?

I am using APEX to generate a report that is specifically designed to be viewed on a BlackBerry phone.
When accessing the APEX 3.2 version of the application from a BlackBerry phone it works fine.
When accessing the APEX 4.0 version (exported from 3.2 and imported to 4.0) the BlackBerry browser reports the following error:
HTTP Error 413: Request Entity Too Large
The page you requested could not be loaded. Please try loading a different page.
I have tracked this down to the use of jQuery-UI by APEX 4.0.
I can reproduce the error in APEX 3.2 by loading the jquery-ui.min.js file in the Page Template.
So, is there any way of preventing APEX 4.0 from loading jQuery or jQuery-UI by default in the #HEAD# tag of the page template?
Richard

Hi,
You can set page attribute Include Standard JavaScript and CSS to No.
http://download.oracle.com/docs/cd/E23903_01/doc/doc.41/e21674/bldr_pg_edit_att.htm#BACHFFBE
Of course then any of Apex JavaScripts are not loaded
Regards,
Jari

Find which tab is clicked in jQuery using Apex - Conditional Item Display

Hi,
I am using jQuery tabs in my apex page see code below:
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-ui.css" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"> </script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"> </script>
<script type="text/javascript">
$(function() {
   $("#tabs").tabs();
   $x("tabs").appendChild( $x("tabs-1"));
   $x("tabs").appendChild( $x("tabs-2"));
</script
<div id="tabs">
<ul>
<li><a href="#tabs-1">Sample Tab1</a></li>
<li><a href="#tabs-2">Sample Tab2</a></li>
</ul>
</div>I would like to display a button (example a button called sample2) at the bottom of a tabbed region Sample Tab2 based on a condition i.e. only if Sample Tab2 is clicked or in focus. Could someone please guide me on how i could implement this using a condition on the actual button "sample2"?
Thanks and appreciate any kind of help!
Cheers.

Hi,
Thanks for the information. I placed the following code on one of the page regions in my apex application:
$("#tabs").tabs({
    select: function(event, ui){
      if(ui.index == 1){
       // do stuff here e.g. show button because Sample Tab2 is selected
        $('#CANCEL').hide();
      }else{
       // do stuff here e.g. hide button because Sample Tab2 is not selected
        //alert("anothertext");
});I am using the following code to hide the button upon click on the second tab within the page:
$('#CANCEL').hide();I have a cancel button with the name "CANCEL".
However, this is not working properly. I am new to Apex and jQuery could someone please guide me further with this?
Thanks very much.
Cheers.

Jquery in Apex!!

Hi All,
In my application i had implmented free text Jquery concept, in order to have a better performnace wise.
After the implmentaion i am facing the follwoing issues.
1. In Apex LOV we can use dipsplay value and return value.
2.But in Jquery do we the feasibility to use display value and Return value.
3.Since i am uisng the autocomplete functionality free text in jquery it will allow us only to have dsiplay value and how we can use the return value for the same.
4. Please let me know so that i can post my source code which i had done for my implemantaion process!!
Thanks,
Anoo..

Anoo wrote:
the version i am uisng is 3.0 apex I can't see mention of this in your original question.
See if one of these helps:
http://dbswh.webhop.net/apex/f?p=BLOG:READ:0::::ARTICLE:359800346619312
http://dbswh.webhop.net/apex/f?p=BLOG:READ:0::::ARTICLE:127800346959520

JQuery ids in Apex dialog region plug-in

Hi,
Apex 4.0
I have a plug in (here ) that opens a dialogue region when someone clicks on a button. I'm calling a dynamic action to process a PL/SQL procedure but it takes a while to process the procedure. I have another plug-in which disables the screen and uses a pop-up until its finished processing, but to use the 'processing' pop-up I need to link it to my other plug-in.
I can access apex buttons on the pop-up but it has its own jQuery 'OK' button, But I cant seem to find its id anywhere... I tried modifying the code, but Im not sure if I'm correct in assuming that the id is "" in the first place(used firebugs DOM feature to find it). I have a little experience with jQuery but not so with jQuery in apex...
Is there anyway I can assign it one? Or does it already have one?
This is the code I've modified from the plug-in:
l_onload := 'apex.jQuery("#' ||
    p_region.static_id ||
    '").dialog({' ||
    apex_javascript.add_attribute('autoOpen', (l_auto_open = 'Y')) ||
    apex_javascript.add_attribute('modal', true) ||
    apex_javascript.add_attribute('title', l_title) ||
    apex_javascript.add_attribute('width', to_number(l_width)) ||
    'buttons:{' || '"' || l_ok_label || '":function(){apex.jQuery(this).trigger("dialogregion.ok");
$(this).attr("","NEWID");
    $(this).dialog("close");}';

Turns out this was a stupid question, the plug-in had an dynamic action triggering event.

JQuery dialog to display an apex page

I am well on the way to integrating Jquery into Apex.
What I would like to do is popup a modal JQuery dialog with the contents being a complete Apex page.
I have tried an iframe as the contents of the dialog and calling the page, but this doesn't seem to load or execute JS or CSS.
I have also tried the htmldb_Get method to get the page and populate the dialog, again this has the same problem as the above.
Does anybody have any ideas?
Thanks in Advance
Ian

Ian,
Did you also encounter the error: document.wwv_flow.submit is not a function?
Because a second page is loaded in the dialog all my page processes (called by a generated apex javascript submit) stopped working...
I am at a loss...
With regards,
Frank.

When using APEX.jQuery() - Syntax...?

Hi,
I have migrated to Apex 4.02 and had an old jQuery Version running on 3.2.
Now I have learned that I can use the build in jQuery Libs which load not all UI functionality but additional UI components can be loaded from the APEX - Lib.
I have read that APEX renamed its jQuery implementation to APEX.jQuery().
I have thrown away my old jQuery Libs ( only the standard APEX jQuery Libs are loaded ), but my jQuery invokes are still working with $().
So when do I have to use the syntax APEX.jQuery() and why is $() still working...?
Thanks, Juergen

Hi,
I also want to add my 2 cents. See it as recommendation from the APEX development team. :-)
So the question is, when to use jQuery/$ and when to use apex.jQuery? Actually it depends where you use it!
That might at first hand be confusing, especially because as some of you already know, as long as you don't include your own version of jQuery, the JavaScript variables jQuery, $ and apex.jQuery are all the same. So it looks like that it doesn't matter that much, but actually it's very important if you upgrade your application/plug-in to a newer version of APEX.
We try to stay up-to-date with the included version of the jQuery library when we release a new version of APEX. So for APEX 4.1 it's very likely that we include jQuery 1.5. As you can see from the change log of the jQuery project they also sometimes make changes which breaks existing functionality. To minimise your risk when you upgrade to a newer version of APEX you should follow the following recommendations.
JavaScript code in your Application:
If you want to use jQuery in your own JavaScript code in an application we recommend to use jQuery or the shortcut $.
Why:
1) If you upgrade APEX there is the potential that the newer jQuery version breaks your existing code. To avoid intensive testing and rewriting your application to the new jQuery version you can just include the old jQuery library into your page template and you are done. The variables jQuery and $ will point to your own jQuery version and not the one shipped with APEX. No additional code changes necessary. That will help to minimize your risk of upgrading to a newer version of APEX.
2) You need a newer/older version of jQuery in your application because one of the jQuery plugins which you want to use just works with that version. In that case just include the newer/older jQuery library into your page template and the variables jQuery and $ will point to your own jQuery version. apex.jQuery will still point to the version shipped with APEX.
JavaScript code in an APEX Plug-In:
If you want to use jQuery in an APEX plug-in we recommend to use apex.jQuery. You should even go that far to modify the initialization code of an included jQuery plugin to use the apex.jQuery reference.
What do I mean with that? If you have a look at the JavaScript code of a jQuery plugin you will notice that almost all of them have the following code structure
(function($) {
... plugin code ...
})(jQuery);Looks wired, right? :-) What this actually does is to declare an anonymous JavaScript function with a parameter $ which is immediately called and as parameter value passes in the current jQuery variable. That will allow the function to use $ as jQuery short cut without having to rely on the fact that $ is still used by jQuery.
We recommend to copy the jQuery plugin file and prefix it with apex. (example: apex.jquery.maskedinput-1.2.2.js) to make everybody aware that the file has been modified for APEX. Change the jQuery to apex.jQuery in the initialization code.
(function($) {
... plugin code ...
})(apex.jQuery);Why are we doing all of that?
As a plug-in developer you want to minimize your testing effort and also want to have an environment where you have full control to give proper support. Let's assume you are not doing the above, what happens if a user of your plug-in is using it's own version of jQuery? He might report strange behavior of you plug-in which you are not able to reproduce because you don't know that your plug-in is actually using a different version of jQuery than in your own environment. Using the apex.jQuery namespace reduces your risk and also the risk of your users, you just have to test your plug-ins with the APEX versions you want to support.
Hope that has given some more insides when to use what.
Regards
Patrick
My Blog: http://www.inside-oracle-apex.com
APEX 4.0 Plug-Ins: http://apex.oracle.com/plugins
Twitter: http://www.twitter.com/patrickwolf

JQUERY integration within APEX

Hi everybody and merry chrismas...
I have a problem with jquery within apex. I looked for in previous posts but I can not achieve to make it works...
I am running apex 3.2.1 on linux with apex listener.
I want to refresh a report and I found that it was possible to do so using jQuery(...).trigger('apexrefresh'). So I tried to declare jquery...
I downloaded jquery-1.8.3.js from http://jquery.com and uploaded both as static files in shared components with apex.
Now I try to define the file in my javascript section like this :
<script src="#APP_IMAGES#jquery-1.8.3.js" type="text/javascript"></script>
<script type="text/javascript">
     // refresh of regions impacted by the change of PXX_ID_OPERATION item
     alert("#APP_IMAGES#jquery-1.8.3.min.js");
     alert(apex.jQuery().jquery);
</script>
But the javscript failed on the apex.jQuery().jquery instruction.
What is my mistake ? I am certainly completely wrong but I did not find a clear tutorial on internet. Thank you in advance for help.
Regards...

>
Please update your forum profile with a real handle instead of "975489".
I have a problem with jquery within apex. I looked for in previous posts but I can not achieve to make it works...
I am running apex 3.2.1 on linux with apex listener.
I want to refresh a report and I found that it was possible to do so using jQuery(...).trigger('apexrefresh').Where did you find this?
So I tried to declare jquery...
I downloaded jquery-1.8.3.js from http://jquery.com and uploaded both as static files in shared components with apex.
Now I try to define the file in my javascript section like this :
<script src="#APP_IMAGES#jquery-1.8.3.js" type="text/javascript"></script>
<script type="text/javascript">
     // refresh of regions impacted by the change of PXX_ID_OPERATION item
     alert("#APP_IMAGES#jquery-1.8.3.min.js");
     alert(apex.jQuery().jquery);
</script>
Always post code wrapped in tags<tt>\...\</tt> tags to preserve formatting and prevent it being mangled by the forum software.
But the javscript failed on the apex.jQuery().jquery instruction.
What is my mistake ? I am certainly completely wrong but I did not find a clear tutorial on internet. Thank you in advance for help.The <tt>apexrefresh</tt> event and <tt>apex</tt> namespaced jQuery are APEX 4.x features that are not available in 3.2—even if you add jQuery yourself.
APEX 3.2 support expired in February 2012, so the first recommendation is to upgrade to the latest version (4.2) where reports can be refreshed declaratively using Dynamic Actions.

New themes in APEX 4 not working with JQuery tabs

Hi,
JQuery tabs only showed on themes 13, 15, 18, 20.
When I swicth to other themes, its not displayed like tabs

Hi,
you can simplify the the usage of jQuery tabs in APEX 4.0. You don't have to create hard coded JavaScript code for each page where you want to use them. Just use the new "Sub Region" feature and a corresponding region template.
Here is what you have to do:
1) Create a new template of type "Region" (create one from scratch)
a) Name: jQuery Tabs
b) Template Class: Custom 1
c) Template:
<div id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES#>
#BODY##SUB_REGION_HEADERS##SUB_REGIONS#
</div>
<link rel="stylesheet" href="#IMAGE_PREFIX#libraries/jquery-ui/1.8/themes/base/jquery.ui.tabs.css" type="text/css" />
<script src="#IMAGE_PREFIX#libraries/jquery-ui/1.8/ui/minified/jquery.ui.tabs.min.js" type="text/javascript"></script>
<script type="text/javascript">
apex.jQuery(function() {
apex.jQuery("##REGION_STATIC_ID#").tabs();
</script>d) Sub Regions - Header Template:
<ul>#ENTRIES#</ul>e) Sub Regions - Header Entry Template:
<li><a href="##REGION_STATIC_ID#-tab-#SUB_REGION_ID#">#SUB_REGION_TITLE#</a></li>f) Sub Regions - Template:
<div id="#REGION_STATIC_ID#-tab-#SUB_REGION_ID#">#SUB_REGION#</div>2) On the page where you want to have jQuery tabs, add a new "HTML" region which acts as the container for the "tabs". Set the region template to your new "jQuery tabs" template.
3) Create as many sub regions (that are the actual tabs). It's just important that you set the "Parent Region" to your container region you just created before. As region template I would pick "No Template" or any other template you want to have.
That's it. As you can see now from the region structure it's very obvious for any developer developer what regions are part of the jQuery tabs.
Regards
Patrick

Apex 3.2 group select list

Hi,
I just want share this if you are still in older version of Apex and you use jQuery.
I did made "plugin" for grouped select list
See sample here
http://actionet.homelinux.net/htmldb/f?p=100:86
Plugin source
;(function(){
jQuery.fn.htmldbLovOptGrp=function(o){
var t=jQuery(this);
o=jQuery.extend({
sessionValue:t.val(),
nullShow:false,
nullValue:'%null%',
nullDisplay:'%',
lovProcess:undefined,
lovGrpLabel:'GRP',
lovDisValue:'DIS',
lovRetValue:'RET',
loadingTxt:'Loading ...',
loadingCss:{'width':'80px'}
},o);
return lCreSelect(t,o);
jQuery.htmldbAjax=jQuery.fn.htmldbAjax=function(opt){
jQuery.ajaxSetup({
url:'wwv_flow.show',
dataType:'HTML',
traditional:true,
cache:false,
type:'POST',
data:{
   p_flow_id:jQuery('#pFlowId').val(),
   p_flow_step_id:jQuery('#pFlowStepId').val(),
   p_instance:jQuery('#pInstance').val()
return jQuery.ajax(opt);
jQuery.htmldbJSON=jQuery.fn.htmldbJSON=function(opt,callfn){
return jQuery.htmldbAjax({dataType:'json',data:opt,success:callfn});
function lCreSelect(t,o,j){
t.empty().hide().parent().append(jQuery('<div/>').html(o.loadingTxt).addClass('ui-autocomplete-loading').css(o.loadingCss));
jQuery.htmldbJSON(jQuery.extend(j,{p_request:'APPLICATION_PROCESS='+o.lovProcess}),function(jd){
if(o.nullShow){lAppendOpt(t,null,o.nullDisplay,o.nullValue);}
jQuery.each(jd.row,function(i,d){lAppendOpt(t,d[o.lovGrpLabel],d[o.lovDisValue],d[o.lovRetValue]);});
t.val(o.sessionValue).trigger('change').show().parent().find('div.ui-autocomplete-loading').remove();
return t;
function lAppendOpt(t,l,d,r){
var o=lCreateOpt(d,r);
if(l){
var g=lGetOptGrp(t,l);
if(g){g.append(o);}
else{t.append(lCreOptGrp(l).append(o));}
}else{t.append(o);}return true;
function lExists(p){return(p.length==1);}
function lCreateOpt(d,r){return jQuery('<option/>').val(r).html(d);}
function lCreOptGrp(l){return jQuery('<optgroup/>').attr({'label':l});}
function lGetOptGrp(t,l){var g=t.find('optgroup[label="'+l+'"]');if(lExists(g)){return g;}else{return false;}}
})();Copy code and save it to file e.g called jquery.htmldbQuery.js and upload it to workspace Static Files.
Create new page and blank HTML region.
Create select list with LOV query
SELECT null d, null r FROM dualCreate On Demand application process called GET_GRP_LOV like
DECLARE
l_sql VARCHAR2(32700);
BEGIN
l_sql :='
SELECT mgr AS grp,
   ename AS dis,
   empno AS ret
FROM emp
APEX_UTIL.JSON_FROM_SQL(l_sql);
END;Place to page HTML header
<script type="text/javascript" src="#WORKSPACE_IMAGES#jquery.htmldbQuery.js"></script>
<script type="text/javascript">
$(function(){
$('#Px_MY_SELECT').htmldbLovOptGrp({lovProcess:'GET_GRP_LOV'});
</script>Where Px_MY_SELECT is your select list name.
As I did say this need you also load jQuery. Apex 4 have jQuery , but if you are on later version see e.g. this blog post
http://www.oracleapplicationexpress.com/tutorials/66
I hope this helps someone
Br,Jari
Edited by: jarola on Aug 17, 2010 8:44 PM
Same thing seems to be work also with Apex 4.0
http://apex.oracle.com/pls/otn/f?p=40323:50
But if I have understand correctly Apex 4.0 have some build in or better thing to get same result
Edited by: jarola on Aug 17, 2010 10:54 PM
copy&paste mistake corrected
Edited by: jarola on Aug 18, 2010 12:57 AM
I hope editing post all the time is ok =).
I have not test this on any other browser than Fire Fox, so all comments are welcome.
Also I have try create similar plugin for cascading lov. Sample here
http://actionet.homelinux.net/htmldb/f?p=100:85
Maybe there is this kind plugins already for Apex 3.x, I have not just seen.
Also I'm beginner with jQuery so all help and comments is needed
Edited by: jarola on Aug 18, 2010 2:01 AM
mistake in guide corrected.

Hi Matt,
which version of APEX are you currently on?
With ApexLib Framework you can have cascading select lists in normal forms, but not in a Report or Tabular Form. Also refreshing a Report when changing a select list doesn't work out of the box. You would need to add some javascript. But i think this isn't what you wanted.
brgds,
Peter
Blog: http://www.oracle-and-apex.com
ApexLib: http://apexlib.oracleapex.info
BuilderPlugin: http://builderplugin.oracleapex.info
Work: http://www.click-click.at

How to include ojdbc.jar with applet in apex

Hi,
I am integrating applet with apex. I need to use ojdbc.jar to connect to Database. How can i include this jar. I tried uploading it as a static file. But i am not sure how to embed it with applet code in region source of a page. I am using following code to embed the applet.
<applet code="TestApplet.class" archive="#APP_IMAGES#Test.jar" width="500" height="500">
</applet>
Please suggest how to include the ojdbc.jar.
Regards,
Shweta

Thank you all for help, from your posts I was able to get the datepicker working with a different version of jQuery (but not jQueryUI) included on the page. There are two methods:
1. Include the new library before #HEAD# and change the reference to a different variable, for example:
<script src="jquery-1.6.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
var jq164 = jQuery;
</script>
#HEAD#2. Include the new library after #HEAD# and enable noConflict() mode, for example:
#HEAD#
<script src="jquery-1.6.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
var jq164 = jQuery.noConflict(true);
</script>In both examples above, $, jQuery and apex.jQuery point to apex jQuery, while jq164 points to the new one.
However, I couldn't manage to include a newer version of jQueryUI. I only found a page ([url http://stackoverflow.com/questions/6358961/using-multiple-jquery-ui-versions]http://stackoverflow.com/questions/6358961/using-multiple-jquery-ui-versions) that says you have to specify a different context for each version of jQueryUI included on the same page. I haven't yet had time to look at this, so if anyone already knows how to do it, it would be really nice to share it with us.
Regards,
Jure

Tooltip for IR report(Apex 3.2)header column

Hello Everyone,
I need help in setting up a tooltip for report hearder in interactive reports. I tried the following methods:
1) By assigning a div title for column Deptno(This code is taken from the html source of IR report column):
<th id="DEPTNO" >
<div id="apexir_DEPTNO" onclick="gReport.controls.widget(this.id)" style="">
Deptno
<div title="Tooltip text for first div">&lt/div>
</div>&lt/th>
2) With javascript & css : I put the following line on report header edit section:
< a class="tooltip" href="#">Tooltip<span>This is the crazy little Easy Tooltip Text.</span></a>
Nothing really solved my problem. Is there any easy way of resolving the above issue?
Thanks in advance for your help.
- Parveen
Edited by: Parveen Sehrawat on Mar 14, 2012 2:58 PM

Hi,
Blog post example do not work with APEX 3.2
By default on APEX 3.2 you do not have jQuery and dynamic actions.
You can do same with APEX 3.2 if you use htmldbQuery plugin
http://sourceforge.net/projects/htmldbquery/
Integrate plugin and jQuery to APEX
Then create page process before regions
DECLARE
l_sql VARCHAR2(32700);
BEGIN
l_sql := '
SELECT COLUMN_ALIAS,
    HELP_TEXT
   FROM APEX_APPLICATION_PAGE_IR_COL
WHERE APPLICATION_ID = :APP_ID
    AND PAGE_ID = :APP_PAGE_ID
    AND HELP_TEXT IS NOT NULL
HTP.p ('<script type="text/javascript">');
-- Create JSON object.
HTP.prn ('var gIrColHelp = $u_eval(''(');
APEX_UTIL.JSON_FROM_SQL(l_sql);
HTP.prn (')'');');
HTP.p ('</script>');
END;Add to page HTML header
<script type="text/javascript">
$.htmldbIrReady(function(){
$.each(gIrColHelp.row,function(i,jd){
$($x("apexir_"+jd.COLUMN_ALIAS)).parent("th").attr({"title":jd.HELP_TEXT});
</script>See working example
http://actionet.homelinux.net/htmldb/lspdemo?p=220
Regards,
Jari
http://dbswh.webhop.net/dbswh/f?p=BLOG:HOME:0
Edited by: jarola on Mar 15, 2012 4:53 PM

JQuery in Apex 4.0

Similar Messages

Maybe you are looking for