Accessing form elements

i want to access the value in text area in jsp code on submitting the form.
can anyone give me solution

For the HTML at
http://www.vfkgadget.com/testform.html
, adding an id="username" and converting input type="text" to a
textarea gets the code posted in the first post to set the value of
the textarea.

Similar Messages

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 ==--

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..

Set accessability options for form elements in DW12.2

I cannot find how to set the acccessabiility opdions for form elements in DW 12.2. Because of the changes in the cloud version, options available in DW 12.0 no longer appear in their former locations and I have not been able to find anything about this on the web. I am studying DW CS6 from a text based on Ver 12.0 and it is very frustrating!!!
Jay Fries

Copy & paste what you need into code view.
http://www.htmldog.com/guides/html/advanced/forms/
Nancy O.

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)

How access an element using getElementById() without absolute path?

hello,
Currently I'm working on a JSF woodstock project.
I'm trying to acceess the different components used the JSF page inside a javascript by using document.getElementById()
this is a part of code in my JSF file. please have a look on it.
<webuijsf:form id="form1">
                        <webuijsf:panelGroup id="pnlGrpBankListMainContainer" style="left:2px; top:89px; margin-left:1.5%; margin-top:1%; width:50%; position:absolute;">
                            <webuijsf:table augmentTitle="true" title="#{BankList.screenName}" id="table1" paginateButton="true"
                                paginationControls="true" clearSortButton="true" extraActionTopHtml="style='height:35px'">
                                <f:facet name="actionsTop" >
                                    <webuijsf:panelGroup id="grpPnlButtons">
                                        <webuijsf:checkbox binding="#{BankList.chkBoxSelectAllItems}" id="chkBoxSelectAllItems" name="chkBoxSelectAllItems" rendered="#{BankList.renderChkBoxAndImgSeparator}"
                                            selectedValue="selectAllItems" onClick="selectAllTableRows(this,'chkBoxBankListSelectedRowId',5);"/>
                                        <webuijsf:image id="imgSeparator" url="/resources/images/select_image_separator.gif" rendered="#{BankList.renderChkBoxAndImgSeparator}" />
                                        <webuijsf:button id="btnAdd" rendered="#{BankList.renderAddButton}" text="Add" styleClass="btnStyle" immediate="true"
                                            onClick="return openAdd('#{BankList.requestContextPath}/faces/BankEntry.jsp', 500, 755,'Add #{BankList.screenIdentifier}', '&action=ADD');"/>
                                        <webuijsf:button id="btnEdit" rendered="#{BankList.renderEditButton}" text="Edit" styleClass="btnStyle" disabled="#{BankList.disableEditButton}"
                                            onClick = "return openEdit('#{BankList.requestContextPath}/faces/BankEntry.jsp', 'chkBoxBankListSelectedRowId', 500, 755,'Edit #{BankList.screenIdentifier}', '&action=EDIT');"/>
                                        <webuijsf:button id="btnDelete" text="Delete" onClick="return confirmRecordsDelete();" rendered="#{BankList.renderDeleteButton}" styleClass="btnStyle" disabled="#{BankList.disableDeleteButton}"/>
                                        <webuijsf:button id="btnExportXls" disabled="#{BankList.disableExcelButton}" rendered="#{BankList.renderXlsButton}"
                                            styleClass="btnStyle #{BankList.excelButtonStyleClass}" style="position:relative; margin-left: 10px"
                                            text="x" onMouseOver="setMouseOverStyle(this);" onMouseOut="setMouseOutStyle(this);"
                                            onClick="return openXlsExport('#{BankList.requestContextPath}/faces/Export.jsp', 'chkBoxBankListSelectedRowId', 'Export #{BankList.screenName}', '&screenIdentifier=#{BankList.screenIdentifier}');">
                                        </webuijsf:button>
                                    </webuijsf:panelGroup>
                                </f:facet>when i access button element using absolute path like
document.getElementById("form1:pnlGrpBankListMainContainer:table1:grpPnlButtons:btnEdit") it works fine.
But when i try to access it using
document.getElementById("form1:table1:btnEdit") it returns null.
I've common javascrpt functions for all the screens.
so i do not want to change the current javascript functionality nor do i want want to specify complete path for an element.
So is there any way so that i can access the elements without absolute path or any othet solution?
Edited by: sonali_amonkar on Apr 1, 2008 11:17 PM

thanks for your reply mjswallow.
Do you mean that I'll write a new javascript which will accept all the parent elements and inside this method I'lll call the common javascript methods that are present in our project?
but this solution would result in changing the already existing javascript methods that i coded for all screens. right?
that is i do not want to change.
any other solutions you can think of?

Creating form element from within a component

Hi all,
I am trying to create a form element within a component
function which is then called from a .cfm page which has the cfform
tags. I keep getting a context validation error for the form
element tag. Here is some sample code:
<cfcomponent name="yourComponent">
<cffunction name="createTag" returntype="string"
access="public">
<cfsavecontent variable="returnContent">
<cfselect name="thisSelect">
<option value="0">Value 1</option>
</cfselect>
</cfsaveconten>
<cfreturn returnContent>
</cffunction>
</cfcomponent>
And in the .cfm page:
<cfform>
<cfinvoke component="yourComponent" method="createTag"
returnVariable="returnContent"/>
<cfoutput>#returnContent#</cfoutput>
</cfform>
The error occurs in the function and it says the cfselect
must be within a cfform. I tried the function without the save
content and just set the output="yes" but the same error occurs.
Any help appreciated in how to get around this. Just putting
the code in the .cfm is not an option for this.
Any help appreciated.
Jim

quote:
Originally posted by:
jim1234
Thanks for the reply. Yes, that works. So it looks like it
has to do with the function call.
After some further investigation, I found out that a regular
<select> works, it's just the <cfselect> that does not.
ColdFusion wants it directly within the <cfform> tag.
Something does not make sense. If the cfsavecontent worked in
the cfm file, there is no reason for it not to work in a cfc.
If you want to persue this, the next troubleshooting step is
to copy the function to your cfm file and see if it works. I
suspect that you are trying something simple as a proof of concept.

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.

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

Tables Form element

Hi Experts,
Is it possible to create Table using Table Form element - in which I need a repeating text row for every line items (row).
I can create the same using a repeatable subform - therefore want to know whether the same is possible in Tables Form element using Table assistant.
Regards,
Rohit

I have found an acceptable workaround, where I don't have to update the HTML form.
Basically, don't use the $_POST superglobal. Instead, access the raw post data with file_get_contents("php://input"); and parse the name/value pairs in a couple steps with explode().
This way our HTML form which has a couple submit buttons can submit the form to both the PL/SQL action procedure and a PHP script without getting too ugly.
If you're coding an HTML form which only submits to a PHP script, best to live the constraint that PHP wants multiple value inputs to be named like a PHP array.

Column value substitution in tabular form element attributes

We started to discuss this at Re: Tabular form with Ajax
I also mentioned this at Re: how to make only some rows editable in html db.
but thought that this deserves its own thread.
In Doug's sample Sudoku application in that thread, he uses #COLUMN# substitution in the Form Element Attributes and it works fine, but in my example page at http://htmldb.oracle.com/pls/otn/f?p=24317:219 I used the same technique and no matter what I do, the #COLUMN# substitution is not expanded by the Apex engine.
This is driving me nuts, any ideas why it works in one application but not in another?
Thanks

Hm, you might be right.
I copied your row template and modified it at http://htmldb.oracle.com/pls/otn/f?p=24317:219
The styling looks terrible, not sure why, the template is simply
<tr>
<td class="t10data">#EMPNO_DISPLAY#</td>
<td class="t10data">#ENAME#</td>
<td class="t10data">#JOB#</td>
<td class="t10data">#MGR#</td>
<td class="t10data">#HIREDATE#</td>
<td class="t10data">#SAL#</td>
<td class="t10data">#COMM#</td>
<td class="t10data">#DEPTNO#</td>
</tr>I had a lot of trouble getting this to work because the wizard generated tabular form appends 2 hidden fields containing the PK and the row-checksum to the last (editable?) field on each row. If the last editable field has #COL# substitution, it expands the substitution and forgets to close the INPUT tag thus causing malformed HTML (I think this is a bug in the rendering engine).
The readonly condition is sal>1000 which now works. The SAL>1000 fields are now readonly.
But now the update process is broken. If I enter a number in the first blank SAL field (empno=3641) and click Submit, I get no errors but the change is not saved. Wonder why.
Hopefully, Scott (Spadafore) will take mercy on our amateurish experiments and give us some definitive answers soon!
Thanks.

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 element id changed after upgrading from APEX 3.2.1 to 4.0.2

Hi,
We are in the process of testing an upgrade of our APEX 3.2.1 app to 4.0.2. The production database was exported, imported as a new database, and then upgraded to 4.0.2. I've noticed that on pages where we have coded our own PL/SQL process in place of the built-in MRU, the form element id (referenced using g_fxx) has changed. For example, in our existing production system, the id for the first row of data is f06_0001, but when we look at the same page in APEX 4.0 environment, the element id has changed to f08_0001. Is this a known issue when performing an upgrade? Has anyone else experienced this?

Hi,
I have seen this problem.
I assume that Apex 4 do not give fxx name to items anymore in order where columns are in query.
This is one of reasons why we have not been yet able to upgrade.
And it seems this same problem exists in Apex 4.1 on apex.oracle.com
Regards,
Jari

How to track changes made in a jsf form element.

I am in a page and editing some form elements. I click on some other link which will take me to another page. Before moving to another page I want to check if there are some unsaved data in the page. If some form elements are edited, I want to throw a confirmation alert, if the user wants to move to the other page without saving the edited data.
This can be accomplished by having a hidden flag which will keep a track. On change of any element, a javascript function will be called to set the hidden flag. So before going to any page we can check the flag and throw an alert.
But this process will be needing much coding effort. Is there a way in JSF to track the change in a form by backing bean or some other process?

JSF offers a serverside ValueChangeEvent for that. Every UIInput component supports a 'valueChangeListener' attribute (and a f:valueChangeListener facet) which can point to a method in the backing bean which takes a ValueChangeEvent parameter. This will only be invoked if the new value differs from the old value. This costs one trip to the server though.
E.g.<h:inputText value="#{myBean.value}" valueChangeEvent="#{myBean.valueChanged}" />MyBeanpublic void valueChanged(ValueChangeEvent event) {
    Object oldValue = event.getOldValue();
    Object newValue = event.getNewValue();
    // Do your thing.
}ValueChangeEvents are invoked in the 3rd phase of the JSF lifecycle, after validation/conversion and before update model values. Also see http://balusc.blogspot.com/2006/09/debug-jsf-lifecycle.html

How to find users machine / IP who is accessing forms through Oracle AS

Dear Gurus
We need to know the users machine / IP who are accessing forms through Oracle 9i Application Server, how can we find that?
thanks in advance
regards
Mehmood

Mehmood,
Set serverURL=/forms90/f90servlet/session in the Forms Web configuration default section or add it to the URL to start tracing host name and ip-addresses from clients. The output appears in the servlet log file application.log. sessionperf , perf and debug are the other options instead of session.
regards,
Bernhard Jongejan
http://bernhardjongejan.spaces.live.com

Accessing form elements

Similar Messages

Maybe you are looking for