Form elements generated by javascript seem to crash page processing

Is there any workaround? I'm asking because I'm trying to use reCAPTCHA and the standard way to do that is to include javascript that outputs the CAPTCHA images and input fields: see http://recaptcha.net/apidocs/captcha/client.html
If you try to use the noscript version with the input fields properly defined as ApEx page items, the reCAPTCHA code says that you can't do that when you actually have javascript enabled.
So, anybody know how to make page processing tolerate form elements that haven't been defined as items, or some other way to use reCAPTCHA?

http://www.inside-oracle-apex.com/adding-captcha-to-your-oracle-apex-application/

Similar Messages

How to set a form element value using javascript?

Hello,
I have been using the following two functions in AS 9.0.2 to set form values in javascript and it works correctly. However, the same code does not work in AS 10.1.2.0.2. Would appreciate if someone could let me know how to set form elements using Javascript(onchange of a field).
function set_item_value(p_field_name, p_value)
var v_index, v_full_name;
for(v_index=0; v_index<document.forms[0].length; v_index++)
v_full_name = document.forms[0].elements[v_index].name.split
if (v_full_name[2] == p_field_name)
document.forms[0].elements[v_index].value = p_value;
function get_item_value(p_field_name)
var v_index, v_full_name, v_return="";
for(v_index=0; v_index<document.forms[0].length; v_index++)
v_full_name = document.forms[0].elements[v_index].name.split
if(v_full_name[2] == p_field_name)
if(document.forms[0].elements[v_index].type != "radio")
v_return = document.forms[0].elements[v_index].value;
else
if(document.forms[0].elements[v_index].checked)
v_return = document.forms[0].elements[v_index].value;
if(v_return == " ")
v_return = "";
return v_return;
Thanks
Dev

This is not the best way to write JavaScript in Portal environment!
You can't be sure that a form is the first in the html source!
In Portal you change the order of your portlets, and also you can have several instances of the same portlet on the same page!!!
You should use qualified form and field names!
Please check the following JPDK methods:
UrlUtils.htmlFormName
HttpPortletRendererUtil.portletParameter

Error referencing a Struts-Form element from a JavaScript function.

As shown below, when referencing the form element named 'custRegion', from the JavaScript function, I get an error msg - document.forms[0].custRegion has no properties.
It appears that this form-element, which also is present in the logic tag is not visible - is it because I'm referencing it incorrectly...
<SCRIPT> function setRegion() { var theRegion= 'Western'
document.forms[0].custRegion.value=theRegion; } </SCRIPT>
<logic:iterate id="customer" name="customerForm" property="customers" >
<html:text name="customer" property="custRegion"/>
<html:select name="customer" property="custState" size="1" onchange="setRegion()">
<html:option value="1"> California </html:option>
<html:option value="2"> Arizona </html:option>
</html:select>
</logic:iterate>

Here's a quick example of what may help you. It simply disables the select box and slides in a new text box. Nevertheless, it shows you that you accessed a struts property by name.
struts code:
<html:select property="customerRegion">
        <html:option value="-1">Unknown</html:option>
        <html:option value="0">Western</html:option>
</html:select>
//quick & dirty textbox for testing. you'll probably want <html:text ... here instead.
<input type="checkbox"
       onclick="disableSelectAddTxt(document.YOUR_FORM['customerRegion'], this.checked)" />
Check box to replace select pull-down
      <div id="setTBox"></div>javascript:
function disableSelectAddTxt(selectBoxName, disableIt)
    var setTBoxName = selectBoxName;
    //alert('You passed me ' +setTBoxName+ ' and' +disableIt);
    selectBoxName.disabled = disableIt;
    var setTBox = document.getElementById("setTBox");
    if (disableSelect == true) {
        setTBox.innerHTML = "<input type=\"text\" name="+setTBoxName+ "size=\"10\">";
    if (disableSelect == false) {
        setTBox.innerHTML = "";
hope this helps.

Javascript function is not working for jsp:include.. form elements

HI,
I have two jsp's and i will include one jsp in the another jsp, when i do this
i am not able to access child form elements value using javascript. the javascript
function is defined in the main jsp. but i could able to get the main form elements
through javascript
here is the code.
main.jsp

<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="netui-tags-databinding.tld" prefix="netui-data"%>
<%@ taglib uri="netui-tags-html.tld" prefix="netui"%>
<%@ taglib uri="netui-tags-template.tld" prefix="netui-template"%>
<netui:html>
<head>
<title>
Web Application Page
</title>
<script language="JavaScript">
function isValidAge() {
alert ("hage " +document[getNetuiTagName("MyForm")][getNetuiTagName("age")].value)
alert ("swage " +document[getNetuiTagName("MyForm")][getNetuiTagName("swage")].value)
alert ("wage "+document[getNetuiTagName("MyForm")][getNetuiTagName("wage")].value)
</script>
</head>
<body>
<p>
<netui:form action="myaction" tagId="MyForm">
<netui:textBox tagId="age" dataSource="{actionForm.age}"/>
<netui:textBox tagId="swage" dataSource="{actionForm.swage}"/>
here i am adding
<jsp:include page="NewPage.jsp" />
<netui:button onClick="isValidAge();" />
</netui:form>
</p>
</body>
</netui:html>
child.jsp :

<%@ taglib uri="netui-tags-html.tld" prefix="netui"%>
<table class="tablebody">
<tr class="tablebody">
<td> wife age
<netui:textBox tagId="wage" dataSource="{actionForm.wage}"/>
</td>
</tr>
</table>
can you tell me is this is bug in hte weblogic portal SP1.
I am using weblogic portal SP1.
thanks in advance
shashi

in this part:
if(document.LForm.uname.value==null || document.LForm.upassword.value==null)should be:
if(document.LForm.uname.value=="" || document.LForm.upassword.value=="")or
if(document.LForm.uname.value.length==0 || document.LForm.upassword.value.length==0)

Accessing parent window form elements from a JSP file

Actually I have a JSP page . It calls a popup function to load another JSP file on the event Onclick of a label. In the JSP file loaded on the popup window, I need to access the form elements of the parent.
Eg: the Parent has a Textarea named "ta_1" in the form "appl_1".
Now i cannot access this element in the child JSP page using,
window.opener.document.ta_1.appl_1.value;
The window.opener is not defined for this HTML page cos the HTML page was generated as an output of the JSP file.
Please give a JSP code snippet which accesses the parent form element..

Actually I have a JSP page . It calls a popup function to load another JSP file on the event Onclick of a label. In the JSP file loaded on the popup window, I need to access the form elements of the parent.
Eg: the Parent has a Textarea named "ta_1" in the form "appl_1".
Now i cannot access this element in the child JSP page using,
window.opener.document.ta_1.appl_1.value;
The window.opener is not defined for this HTML page cos the HTML page was generated as an output of the JSP file.
Please give a JSP code snippet which accesses the parent form element..

Retrieving form components added via javascript

I looked around and couldn't find anything on this. I'm adding form elements dynamically using Javascript. How do I read those dynamically added elements? Faces doesn't pick them up and they're not coming through in the request attributes (HttpServletRequest#getAttribute(String)). Anybody know how this works or knows of a resource? Any help would be appreciated.

You should look in the request parameter map, not the request attributes map. See ExternalContext.getRequestParameterMap() or use the JSF-reserved keyword param in your EL.

Pass form element value after insert

I have a page with an insert behaivor, it inserts all form
elements BUT one,
I need to pass the value of this form element to the next
page.
If I apply the 'insert' behaivor, it does the insert well,
but the value of
the form element is not passed to the next page, how can this
be accomplised
Aleks

I can't because the value is entered in the form and there is
no value until
it is posted. Remember this is an 'insert page' that then
redirects to the
next page.
I used redirection as:
<%
' *** Insert Record and retrieve autonumber: set variables
If (CStr(Request("MM_insert")) <> "") Then
MM_editConnection = MM_eimmigration_STRING
TM_editTable = "dbo.Users"
TM_editRedirectUrl =
"SPLinkFamilymember.asp?FamUserId=Request('relations')"
Last line has the redirection link.
but didnt work, I get following error, next page I get this
value:
Request('relations')
Instead of the actual value selected in the form.
I am using ASP/VB and MS SQL 2000
A
"Murray *ACE*" <[email protected]> wrote
in message
news:ec821m$df0$[email protected]..
> By making it a URL parameter? You would arrange that
when you make the
> link to the next page.
>
> For example -
>
> <a href="next-page.php?<?php echo($yourvariable);
?>">Next page</a>
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.dreamweavermx-templates.com
- Template Triage!
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
> ==================
>
>
> "Alejandro" <[email protected]> wrote in
message
> news:ec7p5g$4d3$[email protected]..
>>I have a page with an insert behaivor, it inserts all
form elements BUT
>>one, I need to pass the value of this form element to
the next page.
>> If I apply the 'insert' behaivor, it does the insert
well, but the value
>> of the form element is not passed to the next page,
how can this be
>> accomplised ?
>>
>> Aleks
>>
>
>

Formatting form elements

I am working in DW CS3.
I want to format my form elements - so have added this to my
page:
<style type="text/css">
<!--
INPUT, TEXTAREA, SELECT, OPTION {
font-family: Georgia, "MS Serif", "New York", serif;
padding: 2px;
color: #000080;
background-color: #E0FFFF;
border: inset 1px #708090;
</style>
It works fine. But then I add a layer (in design view) - and
it stops working.
Can anyone figure out what's going on?
Thanks,
- Greg

Nope. Adding a layer would not be expected to have any effect
on this.
By the way -
http://www.456bereastreet.com/archive/200701/styling_form_controls_with_css_revisited/
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"GregInFrance" <[email protected]> wrote in
message
news:fb6gal$qsu$[email protected]..
>I am working in DW CS3.
>
> I want to format my form elements - so have added this
to my page:
>
> <style type="text/css">
> <!--
> INPUT, TEXTAREA, SELECT, OPTION {
> font-family: Georgia, "MS Serif", "New York", serif;
> padding: 2px;
>
> color: #000080;
> background-color: #E0FFFF;
> border: inset 1px #708090;
> }
> </style>
>
> It works fine. But then I add a layer (in design view) -
and it stops
> working.
>
> Can anyone figure out what's going on?
>
> Thanks,
>
> - Greg
>

How to Destroy PDFs generated thru Interactive Form ELement

Hello Friends
My team has figured out that constructing pdfs through Interactive Form Element in Netweaver is a big performance issue
We need to destroy those pdfs generated , So please help us out with this
thanks a lot

I guess I'm still not fully understanding your problem. You mention that they aren't being cleared from the JVM? On the server or client side? How exactly are you seeing that they aren't being released? I'm assuming you mean server side because you mention JVM. The JVM isn't used on the client side to display the UI element. There is no JVM used in Web Dynpro ABAP for the server side processing. The only place the JVM is used is in the Adobe Document Services itself for the rendering of the PDF. Is that where you are seeing instances not being cleared? I'm not exactly sure how that would be manifesting itself. Could you please provide some more detail.

Losing form elements and referer when opening in a javascript window

I am submitting from a.cfm to b.cfm. b.cfm opens in a Javascript window. In b.cfm, the form elements from a.cfm are lost and cgi.referer returns nothing.
When I don't open b.cfm in a Javascript window, everything is ok.
What is this happening?

Still getting the same thing.
When sf is clicked in aaaa.cfm, bbbb.cfm does not see the variable named "a".
When the link with the * is clicked, bbbb.cfm sees "a".
What on earth am I doing wrong?
This is aaaa.cfm.
<html>
   <head>
      <script language="javascript">
         function f(nextpg_,nextwin_)
            var _attrs='';
            var _br=navigator.appName;
            document.forms[0].method="post";
            document.forms[0].action=nextpg_;
            if (_br=='Microsoft Internet Explorer')
                _attrs='height='+screen.height+',width='+screen.width+'toolbar=0,menubar=0';
                _attrs=_attrs+'top=0,left=0';
                window.opener=null;
                window.close();
                window.open(nextpg_,nextwin_,_attrs)
            else
              alert('Internet Explorer Please.')
         function g(nextpg_,nextwin_,val)
            var _attrs='';
            var _br=navigator.appName;
            document.forms[0].method="post";
            document.forms[0].action=nextpg_;
            if (_br=='Microsoft Internet Explorer')
                _attrs='height='+screen.height+',width='+screen.width+'toolbar=0,menubar=0';
                _attrs=_attrs+'top=0,left=0';
                window.opener=null;
                window.close();
                window.open(nextpg_+'?a='+val,nextwin_,_attrs)
            else
              alert('Internet Explorer Please.')
      </script>
      <title>
      </title>
   </head>
   <body>
      <form name="ff">
         <cfset a=0>
         <cfoutput>
            <input name="a" type="text" value="#a#">
         </cfoutput>
         <input name="sf" type="submit" value="*" onClick="f('bbbb.cfm','windowname')">
         <a href="javascript:g('bbbb.cfm','x','<cfoutput>#a#</cfoutput>')">
         </a>
      </form>
   </body>
</html>
This is bbbb.cfm
<html>
   <head>
      <title>
      </title>
   </head>
   <body>
      <cfoutput>
         *#a#*#now()#*
      </cfoutput>
   </body>
</html>

Passing Session Values to the Tabular Form Element of a Report Column

Hello,
I'm running application express version 2.0 with a 10.2.0.2.0 database on a 32 bit windows box. I'm trying to figure out sneaky a way to pass the &APP_PAGE_ID., #APP_PAGE_ID# or V('APP_PAGE_ID'); as an element attribute of a Report Tabular Form Element set to display as a Select List (named LOV).
It seems that whatever option I choose, the Element Attributes field will only render the literal value of what I have entered. This is part of the solution but I would like to find a way to pass the current page id.
What I'm trying to do is utilize the ONCHANGE attribute to redirect to a report page in my application when the value from a Select List (named LOV) is selected.
I could work around this by creating my own table output with PL/SQL and HTP.P commands but would really be interested in finding out if I can use the reporting structures which are already available through Application Express.
Any ideas?
Thanks.
Justin.

Thanks for the response Earl. To clarify this is what I've done and what I hope to achieve:
I currently have a LOV for my application that identifies a number of database report types: DB Options, DB Parameters, DB Version, and so on.
I have an application express report being generated for the databases I'm monitoring and it displays as follows:
- HOST -- DBTYPE -------- DBNAME - DBREPORTS
=====================================
- SVR 1 - Oracle 9.2.0.1 - DEV -------- [LOV HERE]
- SVR 2 - Oracle 9.2.0.7 - TST --------- [LOV HERE]
I am displaying the LOV on my report the the options under the reports attribute tab in my application builder. I insert my LOV select list by editing the DBREPORTS column and set the "Display As:" option under Tabular Form Element to "Select List (named LOV)"; I have also added my LOV to the "Named LOV" option under List of Values.
So far this achieves everything I would expect and works quite well (a select list with my report types appears in my monitor report for each DB that is returned).
What I'm interested in doing now is opening a DBREPORT for a given database by simply choosing the report type from my LOV. I can set the "Element Attributes" option under Tabular Form Element to execute a javascript call for any valid event (in my case I'm using ONCHANGE).
My only issue is that I cannot find a way to pass any session values from my page to my Element Attribute. If, in the Element Attributes field I enter:
onchange="alert(this.value);" //my dialogue box will display the value of my current selection when I choose a report type.
What I'd love to be able to do is something like:
onchange="alert('&APP_PAGE_ID.');" //so my current page id is written to the element.
Unfortunately, only my literal text seems to be rendered. Rather than having my dialogue come back with my page number, say 75, I receive the literal value &APP_PAGE_ID.
Notwithstanding any quote issues, I've tried to dump a test html attribute to my source html by entering any of the following in the Element Attributes field:
test=&APP_PAGE_ID.
test=#APP_PAGE_ID#
and as a shot in the dark knowing that I'm not using PL/SQL:
test=V('APP_PAGE_ID');
In every case when I view source I see the literal value of what was entered in the Element Attributes field (ie "test=&APP_PAGE_ID." instead of "test=75").
What makes things a little more frustrating is that I can drop &APP_PAGE_ID. into the Column Heading field (ex My Heading &APP_PAGE_ID.), it renders as I would expect; "My Heading 75". If we could find a solution to this, I could see a number of slick uses for this type of functionality.
Hope this helps,
Thanks.
Justin.

Form inputs generated by HttpPortletRendererUtil.portletParameter contain .

Hi,
I'm creating JSP portlets and have to sumbit values from a HTML form. I'm using
HttpPortletRendererUtil.portletParameter to generate unique form input names.
I'm following the forminput.jsp sample.
All is fine but now I want to build some javascript form validation which presents a problem cause form input names are generated like "_piref33_38678_33_1_1.mSite"
if I test with javascript I tend to use <inputname>.value which results now in "_piref33_38678_33_1_1.mSite.value"
But .... javascript seems to evaluate the name until the '.' and thinks its an object of some sort..
Has anyone had similar problems or how can I easy validate a JSP form which is using the JPDK call.
Regards
Cumquat
Dave Ruzius

I think the code below helps you.
<%
parameter = HttpPortletRendererUtil.portletParameter ("param")
%>
Use this in javascript.
document.form.elements["<%= parameter%>"].value
i hope this solves your problem.

Accessing form elements within a Spry region.

Since nested Spry regions isn't yet support, can someone tell
me how to access and modify form elements within a existing region?
For example, I have a region that displays a form based on
data I defined in a javascript array. On of the form elements is a
select with some options. I want to added and remove options to
this select depending on the number of objects in the data array.
The select is not defined when I try to access it after spry
has finished rendering the form, eg
document.forms[0].selOrder1.options.length = 0;
How are Spry regions attached to the browser's DOM? Does Spry
create it's own DOM subordinate to the main DOM?
Is it possible to make changes to a Spry region without using
Spry?
thx
pwp

Actually, there are a couple of ways to get access to the DOM
underneath a region container. If you have a region, you can put an
ID attribute on the region container node, or if you are using a
region observer, the data passed into the observer has a regionNode
property. So if you want access to the region DOM anytime the
region is re-generated, do something like this:
function myRegionObserver(notificationType, notifier, data)
// We only want to do something after the region is
re-generated,
// for all other notifications, do nothing.
if (notificationType != "onPostUpdate")
return;
// If your region container element has an ID on it, just
use
// getElementByID. This is useful in the case where your
observer
// is only ever registered with one region.
var rgnElement1 = document.getElementById("headerRegion");
alert(rgnElement1.innerHTML);
// Or you can simply use the regionNode property of the data
// that is passed in. This is useful if you've registered
the same
// observer on multiple regions. The regionNode property
will
// contain the region container node for the region that is
currently
// being updated.
var rgnElement2 = data.regionNode;
alert(rgnElement2.innerHTML);
Spry.Data.Region.addObserver("headerRegion",
myRegionObserver);
<div id="headerRegion" spry:region="ds1">
</div>
--== Kin ==--

Fetching timestamp to datepicker form element

With the page creation wizard i create a "Form on a Table" or "Form on a Table with Report" and i have problems with timestamp columns of the table: no form element gets created for them. I add manually a Date Picker element, and it works fine for writing on DB (both editing a row or creating a new one); but it doesn't work for fetching, the Date Picker is initially blank when i edit an existing row.
The Source of the element is defined as:
Source Used = Always
Source Type = DB column
Maintain session state = per session
Source value or expression = (name of column)
Post Calculation Computation = blank
Format Mask = same as Date Picker, also tried blank
Thanks for any help

Hello,
>> The Automatic DML process doesn't work anyway for reading timestamps, so it's not a problem.
Let’s use the proper terms, so we will not get confused. Automatic Row Processing or Automatic DML refers to after submit processes, while Automated Row Fetch (ARF) refers to the pre-rendering phase. As far as I understand, your problem is with the ARF process, which can’t fetch timestamp. From your first post it seems that the Automatic DML process do write your timestamp into the database table. However, this will only work for items with source type of “Database column”.
>> I already tried Post Calculation Computation too, but even if the computation generates no error, the element is not changed.
Did you change the “Source Used” of the item to “Only …”
>> I think it is always overridden by NLS_DATE_FORMAT, i haven't tried changing it cause i don't have an admin password right now.
At least for the later versions this is not true. The “Post Calculation Computation” has the final saying about the content (and format) of the field, provided that the “Source Used” of the item is set to “Only …” .
>> Are you sure Automatic DML process is fully supported for timestamps?
Yes, I’m pretty sure. As I said, timestamp support was introduced in version 2.2, so it’s not surprising that it’s not being mentioned in the what’s new of version 3.1. Anyway, don’t take my word for it. You can test it yourself on apex.oracle.com (which runs 3.1.2).
Regards,
Arie.

Dimensions of Adobe Form element - dynamic?

Hi,
I have a Java WebDynpro Application that contains a ViewSet, with an adobe form in one of the cells. I would like to have the entire Adobe application frame(including the page number at the bottom) dynamically fit within the real-estate available on a given PC, but I am having issues accomplishing this.
It seems that when defining the form element, it forces you to specify an exact vertical height of the form, say 700px, instead of allowing you to enter 100%, which to me would indicate that it should fill the available vertical space in the grid. When I enter 100% it shows only ~ 1 inch of my form. I can enter a fixed height, but the form displayed may be either too big (a 2nd scroll bar is provided by the WebDynpro in addition to the Adobe scroll bar) or too small (lots of unused space on the screen) for a given pc.
Are there any tricks for configuring the form to have the height adjusted to the PC screen real estate dynamically? Is this a limitation within the View Set of the WebDynpro?
Thanks in advance.

Hi Todd,
What we did is calculate the height and width based on the resolution of the client screen. Instead of directly accessing the Web Dynpro application via an iView, we merely access a portal application that redirects to the Web Dynpro iView. The portal application passes the screen resolution, obtained by some javascript (<i>screen.height</i> and <i>screen.width</i>), to the Web Dynpro application as URL parameters. Based on that information, the Web Dynpro application can calculate the optimal height of the form. It's far from perfect, but since we open the Web Dynpro application in a new, maximized, screen, it works reasonably well (although the tabs in IE7 do cause some trouble).
Kind regards,
Sigiswald

Form elements generated by javascript seem to crash page processing

Similar Messages

Maybe you are looking for