Debug javascript embedded in a dynamic page

It is great that Jdev11g supports javascript debug. As demonstrated in "JavaScript Development in Oracle JDeveloper", the html page is a static page. Can Jdev11g debug javascript generated dynamically, for example, from JSP or XSLT?

Your wish is my command. Support for debugging JavaScript embedded in a JSPX file will be included in the production release.
--RiC

Similar Messages

How to debug javascript?

I've written some javascript to enable/disable items based on some kind of condition, but how can I debug this when I run the form?
Terry

Hello,
One of the easiest way's to debug javascript is to run your page in Firefox and open the Javascript Console.
The error messages it produces are much more informative than the ones in IE.
Carl

Dynamic Page that uses javascript to run an executable on the client's pc

I have an .exe file on a shared network that has to be called and executed from portal. The below code works as standalone but not from a dynamic page or an HTML portlet. Any ideas?
<html>
<script language="javascript" type="text/javascript">
function runApp()
var shell = new ActiveXObject("WScript.shell");
shell.run('"c:/CstatsWeeklyreport.exe"',1,true);
</script>
<body>
<input type="button" name="button1" value="Run Notepad" onClick="runApp()" >
</INPUT>
</body>
</html>

Thanks D, but that's not what I'm looking for. That changes which application a file opens with when you download it. That's not what I need for this situation. Here's a little more detail.
The clients will have an application on their hard drive; it can be any application, even a custom application that they developed themselves. Then, they open a web page with a listbox full of items. Depending on which item they select, a query will return a file path to the .exe file itself. The .exe file resides on the client's hard drive, not on the server. So they're not downloading anything. Depending on the filepath returned by the query, the browser needs to start the process and open the .exe file for them.
So let's say I have developed a simple text editor called Tedit. I have a file on my hard drive - "C:\TextEditor\bin\debug\TEdit.exe". When they click the open button, that file path is returned from the database. Then the javascript is called to start the process and open that program.
Again, nothing is getting downloaded, the application resides on the user's hard drive and there is no file to associate it with.
This can be done in IE using an ActiveX control. And it used to be possible in Firefox using the nsIFile or nsIProcess objects. But since FF15 that's not available anymore, so the javascript throws an error telling them that their permission is denied.
What I need, is a javascript that will launch the .exe file from the user's hard drive without downloading anything.

Calling portal JavaScript from dynamic pages

Where is the Oracle folder where all the JavaScripts are located? I want to use some of these scripts in my dynamic page.
Thanks,
Marcelo

Bob,
You have variables in your procedure like l_status, p_alternate_status which you do not have in the form. Are these IN or OUT variables ?
If these are IN variables, this proc will not work because you do not have any variable in the form. So from where does it get the values? There is not any default declared too. You have to explicitly define IN or OUT variables.
Have you also given execute permission to public ?

In a dynamic page how to share variable between PL/SQL and javascript

For example, my dynamic page contains such PL/SQL codes:
<ORACLE>
DECLARE
info varchar(100);
rowid urowid;
procedure doDelete(
row_id in urowid
) IS
begin
Delete From xxx
WHERE rowid = row_id;
end doDelete;
BEGIN
Select name, rowid INTO info, rowid
From xxx Where xxx;
HTP.PRN(' <INPUT TYPE="button" VALUE="show value" onClick="alert(info);">');
HTP.PRN(' <INPUT TYPE="button" VALUE="delete" onClick="doDelete(_row_id);">');
END;
</ORACLE>
The variable 'info' and '_row_id' are correct, however the two HTP. sentence do not work. What's the problem?
What I want to do is to show all the records in TABLE A in a page. And at the end of each line (record), there' re a 'delete' and a 'update' button to let user operate on this record. Is this possible? I know form can do delete an update, but it can not show all the records in a page like what report does. Besides dynamic page, is there any other better choice? Report can do it?
One more question. In a report, I employed link on one field to a second report. It works well. But I want to open the second report in a new window when the link is click. Is this possible?
I was almost driven crazy by these :( I so appreciate if anyone can help.

The code written by you is insufficient for the funtionality you are trying to achieve. Below is a method to achieve the same.
Note: Used standard scott.emp table for the example which is located in my db provider schema.
Do the below modifications as per your local configuration
xxxxx -> Replace it with your Portal schema
yyyyy -> Replace it with your db provider schema
<<module_id_of_form>> -> Replace with the module id of form created in step 1 & 2.
First and foremost... oracle does not allows variables starting with '_'. So if you want to use it you have to place it in double quotes ("")
rowid -> illegal
"_row_id" -> legal.
However, I will advice you not to use variable names starting with "_".
Now lets get started...
1. Create a form on the table you are using in the dynamic page. Just have the update button. Remove the other buttons.
2. Get the module id of this form. Instruction for getting the module id:
a) Right-click on the form's run link and copy the shortcut
b) Get the value of p_moduleid parameter. This is your module id.
3. Create a procedure "save_action_details" in your db provider schema. This procedure will accomplish the delete operation on the record.
     CREATE OR REPLACE Procedure save_action_details(
     p_rowid IN VARCHAR2,
     p_action IN VARCHAR2,
     p_dyn_ref_path IN VARCHAR2,
     p_dyn_page_url IN VARCHAR2)
     is
     l_sto_session xxxxx.wwsto_api_session;
     begin
     l_sto_session := xxxxx.wwsto_api_session.load_session(
     p_domain => 'DynStore',
     p_sub_domain => 'DynStore_' || p_dyn_ref_path
     l_sto_session.set_attribute(
     p_name => 'rowid',
     p_value => p_rowid
     l_sto_session.set_attribute(
     p_name => 'action',
     p_value => p_action
     l_sto_session.save_session;
     htp.init;
     owa_util.redirect_url(p_dyn_page_url);
     end save_action_details;
Explaination: The above procedure creates a session and keeps the rowid and action in the session. This information is used by the below dynamic form to perform the necessary action. In our exampl, the action is always going to be delete so you may go ahead and hard code it, else leave it as it is.
4. Grant execute privilege on the procedure "save_action_details" to public.
sql> grant execute on save_action_details to public;
5. Create your Dynamic page.
a) In HTML code section have the below code. This code shows some columns from the table and "update" and "delete" buttons to perform the respective action.
     <ORACLE>select empno,ename,rowid,
     '<input type="button" value="Update" onClick="doAction(this.form,''UPD'',''xxx'','''
     || xxxxx.wwv_standard_util.url_encode(rowid) || '''); tWin();">
     <input type="button" value="delete" onclick="doAction(this.form,''DEL'',''' || rowid || ''',''xxx'');">' Action
     from yyyyy.emp</ORACLE>
b) In additional pl/sql code section of dynamic page, have the below pl/sql block "in after displaying the header" section.
     declare
     l_sto_session xxxxx.wwsto_api_session;
     l_del_rowid varchar2(20);
     l_action varchar2(10);
     begin
     htp.comment('User code starts here ...');
     htp.p('<script>');
     htp.p('var winHandle;');
     htp.p('
     function doAction(formObj, action, rowid, erowid)
          if (action == "UPD")
          var formURL = "' || xxxxx.wwctx_api.get_proc_path('wwa_app_module.link?p_arg_names=_moduleid&p_arg_values=<<module_id_of_form>>&p_arg_names=_rowid&p_arg_values=') || '" + erowid;
          winHandle = window.open(formURL, "winDynUpd", "width=750,height=500,resizable=yes");
          else
          formObj.p_rowid.value = rowid;
          formObj.p_action.value = action;
          formObj.submit();
     function tWin() {
          if (winHandle.closed) {
          document.location = document.location;
          else {
          setTimeout("tWin()", 500);
     htp.p('</script>');
     htp.p('<form name="dynRowProcess" method="POST" action="'
     || xxxxx.wwctx_api.get_proc_path('save_action_details','yyyyy')
     || '">');
     htp.p('<input type="hidden" name="p_rowid">');
     htp.p('<input type="hidden" name="p_action">');
     htp.p('<input type="hidden" name="p_dyn_ref_path" value="' || p_reference_path || '">');
     htp.p('<input type="hidden" name="p_dyn_page_url" value="' || p_page_url || '">');
     l_sto_session := xxxxx.wwsto_api_session.load_session(
     p_domain => 'DynStore',
     p_sub_domain => 'DynStore_' || p_reference_path
     l_del_rowid := l_sto_session.get_attribute_as_varchar2('rowid');
     l_action := l_sto_session.get_attribute_as_varchar2('action');
     if l_action = 'DEL' then
     delete from yyyyy.emp
     where rowid = l_del_rowid;
     end if;
     end;
Explaination: The session information (rowid and action) stored by "save_action_details" procedure is retrieved by the dynamic page and is used to delete the record.
6. Once you are through with the above steps, test it by placing the above "dynamic page" portlet on a page.
a) When you click on delete button the record gets deleted and the automatically refreshed page will not show the deleted record.
b) On clicking update button, a form will appear. do the necessary modifications in data and click update. the data in the form gets updated. Once you close the form the dynamic page gets refreshed automatically and it will show you the updated information.

Get Javascript Value in a JSP page

Let's say this is my javascript function in a html page
.<head>

function getFields(){
if (row >= 0){
for(var i=0; i<costForm.elements.length; i++){
if(costForm.elements.type == "text" || costForm.elements[i].type == "hidden"){
dynTableFields[i] = (costForm.elements[i].value)? costForm.elements[i].value : "";
if(costForm.elements[i].type == "select-one"){
dynTableFields[i] = costForm.elements[i].selectedIndex;
</head>
How do i get the costForm.elements.length value in another jsp page. Coz the html page has dynamic rows by the users. and i need the values in the jsp page to know how many rows the user created.
using normal request.getParameter("costForm.elements.length") doesn't work

request.getParameter() will only get data that's been submitted thru a form or the query string of a URL. You'd have to record the length in a hidden field to read it on the back end, and then you can't just loop thru the fields like that in JSP on the server anyway, unless you have all fields named with a prefix and number, like: field1, field2, field3, etc.

How to get page URL in a dynamic page in 10.1.4?

Does anyone know how to get the page URL in a Dynamic Page in 10.1.4 without using javascript.
I know that you can use a PL/SQL portlet and the portlet_record, but this is specifically for a Dynamic Page.
Regards
Jenny

Hi,
I am trying the suggested approach in 10.1.4 but unfortunatley I get the following error:
PLS-00302: component 'SHOW_INTERNAL' must be declared
In my Dynamic Page I have the following code
htp.p(cms_context.urlpage);
In the '... before displaying the page' I have the following
schema_name.cms_context.urlpage := schema_name.dynamic_page_name.show_internal.p_page_url;
Can anyone help?
Cheers
Chris

Using .js file in dynamic page

In 9.02 i created a portal dynamic page. I would like to include .js file (overlib.js). Can you do this?
I have tried using the "src=" but it did not work.
If I try to include the .js code directly in the dynamic page, I get an error. I assume it is a size limitation.
Help.

When you say "source=", are you talking about this usage for instance?
<script type="text/javascript" language="JavaScript1.2"
src="http://mysite.com/js/myjavascript.js">
</script>
Did you get a runtime error after putting that in the dynamic page?

Form in Dynamic page not working when checkbox is used.

I have created a form using dynamic page. The form most have display fields and a checkbox field. When I check a box, it assigns 'Y' value and when unclick, it assign 'N' to the database field.
When I submit the form, the procedure which is supposed to save the form data never gets executed. Well, at least it says, page not found HTTP 404 error.
Interestingly if I make this field a text box and manually enter 'Y' or 'N', and then submit the form, the procedure is executed. Data gets saved.
Is the checkbox not supposed to be used for a database field because checkbox value can be assigned only using javascript and the procedure never get that value ?
Can you please tell me how to use a checkbox for a database field using dynamic page ?
thanks,
Mainak

Sharmila,
When I said, the form does not get submitted, I meant that the procedure does not work. The form gets submitted but the procedure does not work. It gives HTTP 404 error. That is what perplexes me. I am unable to understand why the procedure does not work when I click a checkbox.
May be you can make this work. I am hopeless about this.
Here is the code for the procedure sumbit_form:
NOTE: I ADDED TWO FIELDS CALLED PROMOT VARCHAR2(1), PROMOTID NUMBER(4) TO THE EMP TABLE AND CREATED A NEW TABLE CALLED PROMOTEMP. THIS IS A TEST CASE.
create or replace procedure sumbit_form
(p_empno IN portal30.wwv_utl_api_types.vc_arr, p_promot IN portal30.wwv_utl_api_types.vc_arr, p_action IN VARCHAR2)
is
begin
if p_action = 'save' then
for i in 1..p_empno.count LOOP
update scott.promotemp
set promot = p_promot(i)
where empno = p_empno(i);
END LOOP;
end if;
commit;
htp.p('<b>Saved Successfully</b>');
htp.p('<table border=1 bordercolor="red">');
for c1 in (select * from promotemp where promot='Y')
LOOP
htp.p('<tr><td>');
htp.p(c1.ename);
htp.p('</td><td>');
htp.p(c1.job);
htp.p('</td><td>');
htp.p(c1.mgr);
htp.p('</td><td>');
htp.p(c1.sal);
htp.p('</td><td>');
htp.p(c1.deptno);
htp.p('</td></tr>');
end loop;
htp.p('</table>');
EXCEPTION
when others then
raise;
end;
Here is the code for the dynamic page.
<HTML>
<HEAD>
<TITLE>Promot Emp</TITLE>
<script language="JavaScript1.1">
function include(form) {
var thisform = form;
for (var i=0; i<thisform.length; i++) {
     if (thisform.elements.type == 'checkbox') {
          if (thisform.elements[i].checked) {
               thisform.elements[i].value = 'Y'; }
          else { thisform.elements[i].value = 'N'; }
form.submit();
function show(form) {
var thisform = form;
for (var i=0; i<thisform.length; i++) {
     if (thisform.elements[i].type == 'checkbox') {
          if (thisform.elements[i].value = 'Y') {
               thisform.elements[i].checked = true; }
          else { thisform.elements[i].checked = false; }
</script>
</HEAD>
<BODY>
<FORM action="scott.sumbit_form" method="post">
<table border=1 bordercolor="red">
<tr>
<td> </td>
<td>Name</td>
<td>Job</td>
<td>Manager</td>
<td>Hire Date</td>
<td>Commission</td>
<td>Department#</td>
<td>Include</td>
</tr>
<ORACLE>declare
i number;
begin
i := 0;
for c1 in (select * from scott.promotemp where promotid = :promotid)
loop
htp.p('<tr><td>');
htp.p('<input type="hidden" name="p_empno" value='||c1.empno||'>');
htp.p('</td><td>');
htp.p(c1.ename);
htp.p('</td><td>');
htp.p(c1.job);
htp.p('</td><td>');
htp.p(c1.mgr);
htp.p('</td><td>');
htp.p(c1.hiredate);
htp.p('</td><td>');
htp.p(c1.comm);
htp.p('</td><td>');
htp.p(c1.deptno);
htp.p('</td><td>');
if (c1.promot = 'Y') then
htp.p('<SELECT NAME="p_promot" SIZE="1">
<OPTION SELECTED VALUE="'||c1.promot||'">Yes
<OPTION VALUE="N">No
</SELECT>');
else
htp.p('<SELECT NAME="p_promot" SIZE="1">
<OPTION SELECTED VALUE="'||c1.promot||'">No
<OPTION VALUE="Y">Yes
</SELECT>');
end if;
htp.p('</td></tr>');
end loop;
htp.p('</table>');
htp.p('<input type="submit" value="save" name="p_action">');
end;
</ORACLE>
</form>
</BODY>
</HTML>
thanks,
Mainak

Auto Query in Master Detail Form using dynamic page doesn't work

I created a Master-Detail form, and implement AutoQuery using a dynamic page
with the following code :
<HTML>
<BODY>
<ORACLE>DECLARE
nre_ VARCHAR2(100);
BEGIN
nre_ := emp_nre;
if nre_ is not null then
net_portal.Popula_Agregados(nre_);
net_portal.Popula_Docs_Agregados (nre_);
htp.p('<iframe id=myFrame name="myFrame" frameborder=0 width="250%"
height="300"
src="/pls/portal/PORTAL.wwa_app_module.link?p_arg_names=_moduleid&p_arg_values=
3
388118140&p_arg_names=_show_header&p_arg_values=NO&p_arg_names=_cad_nre_cond&p_a
rg_values=%3D&p_arg_names=cad_nre&p_arg_values='||nre_||'">
</iframe>');
end if;
EXCEPTION
WHEN OTHERS THEN
htp.p(SQLERRM);
END;
</ORACLE>
</BODY>
</HTML>
It works fine when we access the first time to the page, but if i press the
save button after inserting or updating a detail record, the header record is
lost. How can i avoid this situation ?

I changed query:
select
Replace(
'<img src="#IMAGE_PREFIX#ed-item.gif" border="0" alt="EditMap" usemap="#editmap***id***"></img>
<map name="editmap***id***">
<area shape="rect" coords="0,0,16,16" href="http://apex.oracle.com/pls/otn/f?p=&APP_ID.:'
|| decode ( type, 'FOLDER', '33', '22' )
|| ':&APP_SESSION.::&DEBUG.::P'
|| decode ( type, 'FOLDER', '33', '22' )
|| '_ID,P'
|| decode ( type, 'FOLDER', '33', '22' )
|| '_CALLING_PAGE:' || id || ',&APP_PAGE_ID." ></area></map>' ,
'***id***', id
) Edit,
id,
type,
name,
decode ( type, 'FOLDER', 33, 22 ) target
from tThe idea is - each img uses its own map.
It works now.
Check:
http://apex.oracle.com/pls/otn/f?p=20980:13
Lev
Edited by: le on Nov 3, 2010 11:11 AM

How to display dynamic page content in an external application (MS Word)?

I have a portal that generates a CV from info stored by various forms. The CV displays fine in a dynamic page, but when I add javascript to launch MS Word with a call to the dynamic page portlet, only the hard coded html displays - nothing between the <ORACLE> tags is loaded.
I had the idea of updating the dynamic page with hard coded html prior to each export - but I can't find where the dynamic page definition is stored in the database.
Any ideas/better solutions out there?

dynamic page:
<ORACLE>
DECLARE
theUser varchar2(30) := portal30.COE_GET_CV_PERSON;
v_output varchar2(6) := portal30.COE_GET_CV_OUTPUT;
v_no number;
v_url varchar2(500):= 'http://oraclecoedb.asiapacific.cgey.com:7779/pls/portal30/PORTAL30.wwv_component_control.run_as_portlet?p_module_id=1934976747';
BEGIN
IF v_output = 'WORD' THEN htp.script('startWord('||''''||v_url||''''||');','Javascript');
ELSE null;
etc ...
javascript:
<script language="JavaScript">
function startWord(strFile)
var myApp = new ActiveXObject("Word.Application");
if (myApp != null)
myApp.Visible = true;
myApp.Documents.Open(strFile);
</script>

Dynamic Pages In Portal

I am trying to create a dynamic page based on a stored procedure
which inserts rows into a table. I am having problems changing
the value of a parameter text box via the following JavaScript.
<SCRIPT type="text/javascript">

</SCRIPT>
As you can see from the code below, all the parameters are given
the same name value (p_curr_values) by Portal (last line of each
block). This is what throws the Javascript off.
<INPUT TYPE="hidden" NAME="p_col_displays" VALUE="1">
<INPUT TYPE="hidden" NAME="p_data_types" VALUE="VARCHAR2">
<INPUT TYPE="hidden" NAME="p_col_names" VALUE="P_DATA">
<INPUT TYPE="hidden" NAME="p_in_out" VALUE="IN">
<TD COLSPAN="1"><INPUT TYPE="text" NAME="p_curr_values" SIZE="2"
MAXLENGTH="12"></TD>
<INPUT TYPE="hidden" NAME="p_col_displays" VALUE="2">
<INPUT TYPE="hidden" NAME="p_data_types" VALUE="VARCHAR2">
<INPUT TYPE="hidden" NAME="p_col_names" VALUE="P_SURNAME">
<INPUT TYPE="hidden" NAME="p_in_out" VALUE="IN">
<TD COLSPAN="1"><INPUT TYPE="text" NAME="p_curr_values"
SIZE="30" MAXLENGTH="15"></TD>
<INPUT TYPE="hidden" NAME="p_col_displays" VALUE="3">
<INPUT TYPE="hidden" NAME="p_data_types" VALUE="DATE">
<INPUT TYPE="hidden" NAME="p_col_names" VALUE="P_REG">
<INPUT TYPE="hidden" NAME="p_in_out" VALUE="IN">
<TD COLSPAN="1"><INPUT TYPE="text" NAME="p_curr_values"
SIZE="30" MAXLENGTH="9"></TD>
I tried to change the HTML of the page so that each of the boxes
may have different names but it does not work. When I save the
page and run it, the HTML reverts to the default names.
Does anybody know how to solve this problem?
I have spend hours on this one and I would really appreciate
some help.
Regards,
Kostas Paschalis

Hi Debbianna -
If you are not already a member of Portal Knowledge Exchange ... sign up now - it is free
http://portalstudio.oracle.com/servlet/page?_pageid=2112&_dad=ops&_schema=OPSTUDIO&_mode=3
Once you log in, if you do a search on DHTML you will see some samples for dynamic menus. These allow you to download the code as well so you can check out how others have implemented this and possibly just reuse their portlets.
Hope this helps,
Candace

Using Template information in dynamic pages

Having created some interface templates for my current project, I find I am not able to readiily use them in dynamic pages.
Is there a technique for this, that allows me to get the details from my page styles / Interface templates and combine them with output dynamic pages?
I am able to associate backgrounds ( for example ) with customization forms, but not output.

I understand the desire to not use an applet. Have you tried an html pop-up? This will create a separate http request through to your server on the user's same session. This allows your server to do the required processing to display the data to the user via html.
Use the target="_blank" attribute of the anchor tag, or a window.open JavaScript method.

ORACLE tags in Templates vs Dynamic Pages

Hello all,
I have a procedure that prints the Portal version:
Create or Replace PROCEDURE MATSTESTSCHEMA.SHOW_PORTAL_VERSION
as
l_ver varchar2(20);
BEGIN
l_ver := portal30.wwctx_api.get_product_version();
htp.print(l_ver);
END;
I can call this procedure successfully from a Dynamic Page with
the following embedded syntax in the HTML code:
<ORACLE>
BEGIN
MATSTESTSCHEMA.SHOW_PORTAL_VERSION;
END;
</ORACLE>
I want to use some procedure calls in my templates as well.
Tried to use the same syntax as above but it does NOT work.
The whole code block between the <ORACLE>-tags seems to be
ignored as soon as a procedure call is included.
A simple syntax like this DOES work in a template:
<ORACLE>
BEGIN
htp.p('hello');
END;
</ORACLE>
Why doesn't it work to call procedures from the templates???
Has anyone alse run into this?
PS! I'm using Portal version 3.0.7.6.2
Will soon upgrade to the latest version...

What I'm trying to do is to do a redirect of a page depending on
some conditions which my PL/SQL procedure can determine. So I
hoped that I could call my procedure from the page template
header and the procedure would print a redirect tag, if
appropriate. Something like this:
Page template (part of..)
<HTML>
<HEAD>
<ORACLE>
BEGIN
MYSCHEMA.DO_REDIRECT;
END;
</HEAD>
The DO_REDIRECT procedure prints the META tag for a redirect of
the browser if it finds it necessary. otherwise it would do
nothing..
<META     HTTP-EQUIV="Refresh"
     Content     = "30;
     URL=http://www.oracle.com">
But calling procedures from templates as described above does
not seem to work, at least in version 3.0.7.6.2.
(We're in the process of upgrading to the latest version)
Does this work in 3.0.9 ?
...or does anyone know a better way to do this?
Any advice is really apreciated.

Open Dynamic Page in New Window after Submission

I need to open a "success" dynamic page in a new window when redirected from a form in Portal 9.0.4.1. The go('<url>'); method does not appear to allow opening the page in a new window. Is there a way to do this? Thanks, in advance.

on the 'Submit' onclick event add some JavaScript code:
this.form.target = '_blank';

Debug javascript embedded in a dynamic page

Similar Messages

Maybe you are looking for