Javascript in apex 4.0.2

How to incorporate javascript in apex 4.0.2...i mean from where i can add javascript code for any component on the page..
Any suggestions will be highly appreciated

You can upload in shared components under Files.
Then you can reference like:
<script type="text/javascript" src="#APP_IMAGES#filename.js"></script> or
<script type="text/javascript" src="#WORKSPACE_IMAGES#filename.js"></script>depending on if you associate it with an app or not (Respecitvely).
Or upload to the server and then reference as:
<script type="text/javascript" src="#IMAGE_PREFIX#path/to/filename.js"></script>or simply put in a header region of a region:
<script type="text/javascript">
//your code
</script>Or in the page definition, there is a section specifically to place JavaScript variable and function definitions.
Or if its common across all pages, you can edit the page template.
Ta,
Trent

Similar Messages

Definng and calling javascript on apex 4.2 (New on Apex)

Hi.
can anyone tell me where do i create a javascript on apex 4.2 ? so i can call it from various pages.
thanks

I suggest create a javascript (.js) file with all your functions and upload it through the shared components > static files and refer the javascript in javascript URL reference in page attributes. The code will be something like <script language="javascript" src="#APP_IMAGES#javascript file" /> or #WORKSPACE_IMAGES#.

Javascript development on Apex - How to show changes on the Javascript on Apex without restarting the web server?

Hi,
I am working on a Javascript for Apex. The changes are not reflected and I was told to restart the app server. Is there a better way for Apex to process the changed Javascript? Thanks.

Hi,
I assume you store JavaScript to web server folder and browser caches your file.
Use query string end of file name like
/my.js?v=0.0.1
And when you change file, change query string value
Templates JavaScript help says:
File reference using a query string in the URL referencing the application version, such that when the application is upgraded
(and the version is incremented), the browser will be instructed to always load the new file and ignore any previously cached files.
/myjs/main.js?version=#APP_VERSION#

Using javascript in apex

I am using javascript in apex, specifically the funtion popupURL. It is doing exactly what I want it to do except I don't want a new window, I want to stay in the same window.
What is the javascript function that will do the same as popupURL - except it stays in the current window?
Thanks!
Stan Collins

I think sb92075 was suggesting that you might have better luck finding someone with the answer Oracle Application Express (APEX)

Resetting the File browse item in Javascript in Apex 4.0

Hi,
Can anyone please help to reset the File browse item in Apex with Javascript.
For example I have an File Browse item P10_FILE_BROWSE, I have selected some file in it and on Click of button, I want to set NULL in that File Browse item "P10_FILE_BROWSE"
I have tried below options but none of them is working for IE 7
$x('P10_FILE_BROWSE').value = null;
$x_Value('P10_FILE_BROWSE',null);
$s('P10_FILE_BROWSE',null);
document.getElementById('P10_FILE_BROWSE').value = null;
document.getElementById('P10_FILE_BROWSE').value="";
document.getElementById('P10_FILE_BROWSE').reset();
Please help at earliest.
-Pramila

For security and privacy, file browse item values cannot be set using JavaScript.
Think about it: my page displays a file browse item, the user selects a file, then when the submit button is clicked, my JS code changes the value of the file browser to <tt>/etc/passwd</tt>. Not good.
(Please update your forum profile with a real handle instead of "user12879893".)

Help on Javascript call APEX on demand process

Hi, Guys:
I have a problem needs help: I need to add session protection with checksum for one of my page (page 2); but I have another page (page 1) which displays a Gogle map with a marker with infowindow, in this infowindow there should be a link that leads to my page 2. The problem is: my link needs checksum on demand. So I did the following thing:
#1 add session protection with checksum on page 2.
#2 add two application items requires checksum: CURRENT_URL, URL_WITH_CHECKSUM
#3 add a on demand application process URL_Checksum as follows:
DECLARE
l_url varchar2(2000);
BEGIN
select APEX_UTIL.PREPARE_URL(
p_url => :CURRENT_URL,
p_checksum_type => 'SESSION') into l_url from dual;
:URL_WITH_CHECKSUM:= nvl(l_url,:CURRENT_URL);
htp.prn(:URL_WITH_CHECKSUM);
END;#4 rewrite javascript as follows:
<img src="#WORKSPACE_IMAGES#1938.JPG"\><script type="text/javascript"       src="http://maps.googleapis.com/maps/api/js?sensor=false">     </script>
<script type="text/javascript">
function initialize() {
var myOptions = { zoom: 18, mapTypeId: google.maps.MapTypeId.ROADMAP};
var map = new google.maps.Map(document.getElementById("map"), myOptions);
var markerBounds = new google.maps.LatLngBounds();
var point=new google.maps.LatLng(&P1_H_MARK_GEOCODING.);
markerBounds.extend(point);
map.fitBounds(markerBounds);
var listener = google.maps.event.addListener(map, "idle", function() {
map.setZoom(map.getZoom()-4);
google.maps.event.removeListener(listener);
var marker;
marker = new google.maps.Marker({ position: new google.maps.LatLng(&P1_H_MARK_GEOCODING.), map: map });
var infowindow = new google.maps.InfoWindow({    content: "&P1_TF_OFFENDER_ID."});
var test_prefix = "http://apex.oracle.com/pls/apex/f?p=";
var current_parameter ="&APP_ID.:2:&SESSION.::NO::P2_H_OFFENDER_ID:"+"&P1_TF_OFFENDER_ID.";
var my_URL=test_prefix +encodeURIComponent(current_parameter);
//alert(my_URL);
//var get = new htmldb_Get(null,$x('pFlowId').value,'APPLICATION_PROCESS=URL_Checksum',PAGE);
//get.add('CURRENT_URL',my_URL);
//gReturn = get.get();
//get = null;
//alert(gReturn);
infowindow.setContent('<a href='+my_URL+'>&P1_TF_OFFENDER_ID.</a>');
google.maps.event.addListener(marker, 'click', function() { infowindow.open(map,marker);});
</script> Note: I comment the part related to AJAX call and use variable my_URL, as there is a problem: infowindow is no longer available after I uncomment this part and uses gReturn as URL in the infowindow. Could anyone help me on this?
My application on apex.oracle.com:
workspace: LIAPEXTEST
acc: [email protected]
pwd: lxus2000
application ID: 55785 - test AJAX
Thanks a lot!
Sam

Hi, Jari:
I am required to set session protection with checksum required level for one page (offender detail) in my project, as this page displays sensitive information. Ths page will show content depending on offender_id. However, some of offender_ID is NOT open to public. Right now people can easily manuplate URL by changing offender_Id value in URL, so they can see information that is not open to them. That is the reason that I need to add session protection for that page.
However, on the other side, I need to provide Google map for radius search offenders. The infowindow of markers should include link which leads to offender detail page as well. Therefore, I have add checksum for URL in infowindow to let users access offender detail page through link in the infowindow. Otherwise, the link in infowindow won't work.
I thouht about generating URL with checksum on page loading. But there are hundreds of markers that need URL with checksum, I do not know how to pass it into javascript.
Could you give me a suggestion about it?
Thanks for your time.
Sam
Edited by: lxiscas on Aug 26, 2012 12:35 PM

How to use javascript in apex application?

hi,everyone
I learn the apex, I want to develop the app,but page need accumulate the select items in client,and show the value in another text Field. For instance, there are 10 Select Lists in page, every select list has 3 values(Y\N\NA),the text Field need to accumulate the 'N' value of 10 Select Lists and show result (default is 0)when I change the Select Lists. I know how to real in HTML page by javascript,but no know to use in APEX, please everyone help me ?\
thanks!

thanks,Alan Martini. I finish it. As follows.
<script type="text/javascript">
function getEmployeeInfo(filter)
var ename1 = document.getElementById("P4010008_INTRO_PHASE1").value;
var ename2 = document.getElementById("P4010008_INTRO_PHASE2").value;
var ename3 = document.getElementById("P4010008_INTRO_PHASE3").value;
var ename4 = document.getElementById("P4010008_INTRO_PHASE4").value;
var ename5 = document.getElementById("P4010008_HAN_PHASE1").value;
var ename6 = document.getElementById("P4010008_HAN_PHASE2").value;
var ename7 = document.getElementById("P4010008_HAN_PHASE3").value;
var ename8 = document.getElementById("P4010008_HAN_PHASE4").value;
var ename9 = document.getElementById("P4010008_TOOLS_USAGE1").value;
var ename10 = document.getElementById("P4010008_TOOLS_USAGE2").value;
var ename11 = document.getElementById("P4010008_CLOSING_PHASE1").value;
var ename12 = document.getElementById("P4010008_CLOSING_PHASE2").value;
var ename13 = document.getElementById("P4010008_CLOSING_PHASE3").value;
var val1=0;
var val2=0;
var fatal="pass";
if(ename3==2&&ename4==2)
val1=2;
else if((ename3!=2&&ename4==2)||(ename3==2&&ename4!=2)){
val1=1;
else
{ val1=0;
document.getElementById("P4010008_SCORE").value=val1;
if(ename1==2)
{ val2++;
if(ename2==2)
{ val2++;
if(ename3==2)
{ val2++;
if(ename4==2)
{ val2++;
if(ename5==2)
{ val2++;
if(ename6==2)
{ val2++;
if(ename7==2)
{ val2++;
if(ename8==2)
{ val2++;
if(ename9==2)
{ val2++;
if(ename10==2)
{ val2++;
if(ename11==2)
{ val2++;
if(ename12==2)
{ val2++;
if(ename13==2)
{ val2++;
if(val2/13.0>0.40)
fatal="fail";
document.getElementById("P4010008_FATAL").value=fatal;
</script>
Edited by: cdavid on 2011-2-18 下午12:57
Edited by: cdavid on 2011-2-22 下午1:42

How to Access Database Table Column Data within Javascript in ApEx

Hi,
I have a column in a database table that contains several urls and I was wondering what is the best way to get these urls from the database table into a javascript function.
Example code of how to approach this would be much appreciated.
Thanks.
Tony.

Tony,
See this simple example:
http://apex.oracle.com/pls/otn/f?p=31517:80
Denes Kubicek
http://deneskubicek.blogspot.com/
http://www.opal-consulting.de/training
http://apex.oracle.com/pls/otn/f?p=31517:1
http://www.amazon.de/Oracle-APEX-XE-Praxis/dp/3826655494
-------------------------------------------------------------------

How to retrieve value of one column to other in Apex using Javascript

Hi all,
Can any one help me in solving this problem.
How to send a value from one column to another column using javascript in Apex. I heard that we can use onChange().
My requirement is,
I have a column(Varchar2) in form where i need to enter a value and the data need to be sent to another column(Number) when i press apply changes.
ex: if i enter a value say 1/3 or 1/4 or 1/3*1/6
the result should be entered in the other column.
Message was edited by:
Raman

Try something like
html_GetElement('P1_ITEM2').value = eval(html_GetElement('P1_ITEM1').value);

Problem with javascript onload in apex page

I want to run some javascript in APEX when the user loads the page, but I am having trouble getting the onload function to work. I’m new to javascript so it’s probably a simple mistake on my part .
All I want to do is to change the background colour of a field (P5_GRPT) depending on the value of another field (P5_MIN_DAYS). I just want to get something basic that works then I can build on it and make it more elegant/generic, but at the moment the script below appears to have no effect whatsoever. Any help would be much appreciated. I have set the cursor focus attribute to “do not focus cursor” (Apex version 3.01.00.12)
Page header html:
<script type="text/javascript">
Function trafficlight()
c = document.getElementById("P5_MIN_DAYS").value;
switch(c)
case 1:
$x("P5_GRPT").style.backgroundColor = "green";break;
case 2:
$x("P5_GRPT").style.backgroundColor = "yellow";break;
default:
$x("P5_GRPT").style.backgroundColor = "red";break;
</script>Page html body:
onload="trafficlight();"

hi
I'm new in apex 3.2 javasrcript and speak spanish
i have function in html header
<script language="JavaScript" type="text/javascript">
function colorSal(pCol){
var elms=document.getElementsByname(pCol);
for (i=0; i< elms.length; i++){
if (elms.value < 1500){
elms[i].style.backgroundColor ='yellow';
</script>
and on body header:
onload="colorSal ('f07');"
This should change color column seven of tabular form but it does not happen .
the query in tabular form is
select
"EMPNO",
"EMPNO" EMPNO_DISPLAY,
"ENAME",
"JOB",
"MGR",
"HIREDATE",
"SAL",
"COMM",
"DEPTNO",
"MODIFIED_BY",
"TICKED"
from "#OWNER#"."EMP"
thanks for your help

HTML-DB 1.6 (Apex) in a JavaScript - affect a value to a field in my page

Hi everybody,
Is it possible to affect a value to a field in my page ?
<script language="JavaScript1.1" type="text/javascript">
function message()
&P32_MESSAGE1. = 'It's a new message';
</script>
Thanks. Bye.

Yes, that's what javascript is all about, making the page more interactive before the page is submitted back to the server. In addition to changing values you can change the appearance of the page, showing and hiding pieces and parts in response to user actions.
One thing you have to do to start using javascript with ApEx is to switch mindset from the ApEx item naming standards to the javascript methods for referring to those items. For instance, instead of &32_MESSAGE_1. as in your example, you might do something like:
function setMessage() {
var e = html_GetElement('P32_MESSAGE_1');
var e_value = e.value;
if (e_value == '') {
e.value = 'My new value';
Many things are possible with javascript. There are lots of good examples on some of the frequent poster's sites, like Carl Backstrom and Vikas. Have fun.
Earl

ApEx Calendar Region - enhanced behavior using JavaScript

Hi everyone,
I recently wrote about the built in calendar. Comments/remarks are welcome! :)
http://insum-apex.blogspot.com/2008/07/apex-calendar-enhanced-behavior.html
Louis-Guillaume
Homepage : http://www.insum.ca
Blog : http://insum-apex.blogspot.com

Hi Emma,
You could do it with an POP-UP LOV and Dynamic Action.
Dynamic Action
- Change
- item P65_STAFF_ID
True Actions
1 - PL/SQL block;
     - PL/SQL Code in this block you can get the last of first date for the absence of the STAFF_ID and put it in the date item for the calendar (eg P65_CALENDAR_DATE);
     - Page Items to Submit P65_STAFF_ID
     - Page Items to Return P65_CALENDAR_DATE
2 - Execute Javascript Code
     - apex.widget.calendar.ajax_calendar('M','same',$v('P65_CALENDAR_DATE'));
This way the calendar will be refreshed and set to the date in P65_CALENDAR_DATE.
You can also put "null;" in the PL/SQL block, leave the Page Items to Return empty and remove the ",$v('P65_CALENDAR_DATE')" part from the Javascript code. This way you do not open the calendar at the right date.
I made a small example at http://apex.oracle.com/pls/apex/f?p=14257:4 (login as demo/demo).
Regards,
Kees Vlek
<tt>Company: http://www.orcado.nl
Blog: http://www.orcado.nl/blog/blogger/listings/69-kvlek
Twitter: http://www.twitter.com/skier66</tt>
If the question is answered please change it to answered and mark the appropriate post as correct/helpfull.

Integration Apex and Javascript

Hi,
I work with Operational Systems and Oracle Database. In 2007 for particular necessities, I used Oracle Apex and liked a lot of tool. I want to achieve greater potential in my forms using Javascript, but not had success yet.
Someone of you have didactic models of integration with the library jquery for example?
Thanks a lot.
Regis Bavaresco

Hello Regis,
>> I want to achieve greater potential in my forms using Javascript, but not had success yet.
This forum contains tons of stuff regarding JavaScript. Just search for ‘JavaScript’ or ‘AJAX’. A very good example source will be the following, by Carl Backstrom - http://htmldb.oracle.com/pls/otn/f?p=11933:29 . Denes also having a great demo application, containing a lot of examples about using JavaScript with APEX - http://htmldb.oracle.com/pls/otn/f?p=31517:1 .
>> Someone of you have didactic models of integration with the library jquery for example?
jQuery will be included in the next version of APEX. It’s a bit premature to expect a didactic models of integration, but the forum also contains several threads regarding jQuey. In addition, the following blog entry, by Tyler, can also help you understand how to work with jQuery - http://tylermuth.wordpress.com/2008/07/16/jquery-datepicker-and-apex/ .
Regards,
Arie.

How to Link column header only in classic Report in APEX 4.1

Hello Everybody,
Probably there is a simpler way to do this, but I am not sure. I want a link on column header in Report on a specific column. The link will take me to new region or a page.
How to achieve this in APEX 4.1
Theme : Blue 2
Database 11g
I see there is a column link opiton, but that creates link for every row in that column on a specific icon, I just want link on a title of the column in Classic Report.
For Example,
if there are two columns Name and Client ID, which has 10 records to display on a classic report. I wan the link on Client ID on header only not on the records.
Can anybody provide some simple solution for this.
Thanks,
--CP
Edited by: cpora007 on Jun 22, 2012 10:38 AM

Hello,
I didn't understand, what do you mean by default it is going to sort popup. I have a classic report based on SQL, which generates a report with static header, there is no sort or any other link on that.
I added a link in column header name with an anchor. It works and takes to the new page.
But it is not a proper solution. A solution based on Jquery dynamic action is preferable. Also the preferred option is that the link opens a hidden region of the same page at the same location of the report and the report gets hidden. after the procession on the form region and submitting the update/ insert process. the report region shows up with the change data.
Moving on to new page is 2nd option, if the first do not work.
In the JavaScript, put: apex.submit("GO_TO_MY_OTHER_PAGE");
On the page, create a Branch to the Second page. Set the condition to Request=Expression 1. Set the request to "GO_TO_MY_OTHER_PAGE"
On which page I need to create a branch?, Is it on the report page or the form page.
Thanks a lot for the response. I appreciate your kind efforts in this regard.
--CP

Javascript to get Item values

Hi
I am very new to javascript so bear with me.
I am implementing a tabular Form where the Rows can be Updateable/Not Updateable based on a value of another Field.
The form Displays Quote Lines. The Quote Status is passed from the previous page = DRAFT then lines are updateable else NOT updateable.
I have looked at this post (Thanks to ATD) which is great!
Re: A better method of handling tabular forms with variable column type?
The java script to DISABLE a column based on the value of another Column in the array is as follows(works great):
function disableItems(checkcolumn, columnvalue, disablecolumn)
var f1 = document.getElementsByName(checkcolumn);
var f2 = document.getElementsByName(disablecolumn);
var k;
if (f1)
for (k = 0; k < f1.length; k++)
if (f1[k].value == columnvalue)
f2[k].readOnly = true;
f2[k].style.backgroundColor = 'silver';
Is there a way to reference an item in the page that is NOT in the array.
I have an item which appears in the source as name='p_t01'
var f3 = document.???('p_t01');
Then in the function would be:
if (f3.value = columnvalue)
f2[k].readOnly = true;
II realise this is very javascript - not APEX specific.
Hoe you can help.
Regards
Chris

To get element:
- document.getElementById("element_id")
- using Jquery -> $("#element_id")
- using APEX API funct. -> $x("element_id")
To get value:
- document.getElementById('element_id').value()
- using Jquery -> $("#element_id").val()
- APEX API functions -> $v("element_id")
In most cases element_id is equal to element_name
Br,
Marko
Edited by: Marko Goricki on Apr 5, 2011 12:45 PM
Edited by: Marko Goricki on Apr 5, 2011 1:07 PM

Javascript in apex 4.0.2

Similar Messages

Maybe you are looking for