How to reference html form element in javascript ?

Dear all,
My DPK portlet is like this:
I created a html form within it there a several textfields, a hidden field and a SUBMIT button.
The application will call itself to insert a new record to database table on pressing the SUBMIT button.
My problem is that since all the form textfields and the hidden field ara all the qualified names, and I want to set the hidden field to some value, say "ADD" on the onsubmit event in the form. How can I reference the hidden field in javascript ?
Or can you suggest another strategy to do that ?
Many thanks
George (HK)
Here are the code fragment:
String portletParamSubmit = "mSubmit";
String portletParamTitle = "mTitle";
String portletParamURL = "mURL";
String portletParamAction = "mAction";
//Fully qualified URL.
String fSubmit = HttpPortletRendererUtil.portletParameter(request, portletParamSubmit);
String formName = UrlUtils.htmlFormName(pReq, null);
String fTitle = HttpPortletRendererUtil.portletParameter(request, portletParamTitle);
String fURL = HttpPortletRendererUtil.portletParameter(request, portletParamURL);
String fAction = HttpPortletRendererUtil.portletParameter(request, portletParamAction);
String vl_Title = "";
String vl_URL = "";
String vl_Action = "";
String vl_result = "";
if( pReq.getQualifiedParameter(portletParamAction) == "ADD")
vl_Title = pReq.getQualifiedParameter(portletParamTitle);
vl_URL = pReq.getQualifiedParameter(portletParamURL);
//Add News.
try{
CallableStatement cs_2 = conn_erp03.prepareCall("{call XXCT_PORTAL_NEWS_PKG.P_ADD_NEWS(?,?,?,?,?,?)}");
cs_2.setString(1, "ADD");
cs_2.setString(2, pReq.getUser().getName());
cs_2.setString(5, vl_Title);
cs_2.setString(6, vl_URL);
cs_2.registerOutParameter(10,Types.VARCHAR);
cs_2.execute();
vl_result = cs_2.getString(10);
cs_2.close();
catch (SQLException se) {
sb.append("Query: SQL Exception: " + se.toString());
System.out.println(sb);
%>
<head>
<script language = "Javascript">

</script>
</head>
<body>
<form name="<%=formName%>" method= "POST" action="<%=UrlUtils.htmlFormActionLink(pReq, UrlUtils.PAGE_LINK)%>" onSubmit="return SetAction()">
<%= UrlUtils.htmlFormHiddenFields(pReq, UrlUtils.PAGE_LINK, formName)%>
<table>
<tr>
<td>Title</td>
<td><input type="text" length=100 name="<%=fTitle%>"></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>URL</td>
<td><input type="text" name="<%=fURL%>"></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><INPUT type="submit" name="mysubmit" value="ADD NEWS"></td>
<td><input type="hidden" name="<%=fAction%>"></td>
<td> </td>
<td> </td>
</tr>
</table>
</body>

hi Neeraj Sidhaye,
After trying your suggest codings,
I come to the problem of null pointer exception message captured in the application log file as:
06/08/11 11:48:57 Prj_News: [instance=212602_PORTLET_NEWS_49519249, id=79187977878,4] ERROR: AbstractResourceRenderer.renderBody - recieved ServletException. Root cause is
java.lang.NullPointerException
What's wrong ?
George (HK)
Here is my coding:
<%@page contentType="text/html; charset=Big5"
import="javax.naming.*"
import="javax.sql.*"
import="java.sql.*"
import="oracle.jdbc.*"
import="java.sql.Date"
import="java.util.*, oracle.portal.provider.v2.*"
import="oracle.portal.provider.v2.http.HttpCommonConstants"
import="oracle.portal.provider.v2.render.PortletRendererUtil"
import="oracle.portal.provider.v2.render.PortletRenderRequest"
import="oracle.portal.provider.v2.render.http.HttpPortletRendererUtil"
import="oracle.portal.provider.v2.url.UrlUtils"
%>
<%
StringBuffer sb = new StringBuffer();
PortletRenderRequest pReq = (PortletRenderRequest)request.getAttribute(HttpCommonConstants.PORTLET_RENDER_REQUEST);
%>
<%
//Database connection.
InitialContext ic = new InitialContext();
DataSource ds_erp03 = null;
Connection conn_erp03 = null;
try {
ds_erp03 = (DataSource)ic.lookup("jdbc/ERP03_DS");
conn_erp03 = ds_erp03.getConnection();
catch (SQLException se) {
sb.append("Connection: SQL Exception: " + se.toString());
System.out.println(sb);
catch (NamingException ne) {
sb.append("Connection: Naming Exception: " + ne.toString());
System.out.println(sb);
%>
<%
//Self defined names.
String portletParamSubmit = "mSubmit";
String portletParamMainCat = "mMainCat";
String portletParamSubCat = "mSubCat";
String portletParamTitle = "mTitle";
String portletParamURL = "mURL";
String portletParamDescription = "mDescription";
String portletParamEffDateFm = "mEffDateFm";
String portletParamEffDateTo = "mEffDateTo";
String portletParamAction = "myAction";
//Fully qualified URL.
String fSubmit = HttpPortletRendererUtil.portletParameter(request, portletParamSubmit);
String formName = UrlUtils.htmlFormName(pReq, null);
String fMainCat = HttpPortletRendererUtil.portletParameter(request, portletParamMainCat);
String fSubCat = HttpPortletRendererUtil.portletParameter(request, portletParamSubCat);
String fTitle = HttpPortletRendererUtil.portletParameter(request, portletParamTitle);
String fURL = HttpPortletRendererUtil.portletParameter(request, portletParamURL);
String fDescription = HttpPortletRendererUtil.portletParameter(request, portletParamDescription);
String fEffDateFm = HttpPortletRendererUtil.portletParameter(request, portletParamEffDateFm);
String fEffDateTo = HttpPortletRendererUtil.portletParameter(request, portletParamEffDateTo);
// String fAction = HttpPortletRendererUtil.portletParameter(request, portletParamAction);
String fAction="myAction";
String vl_MainCat = "";
String vl_SubCat = "";
String vl_Title = "";
String vl_URL = "";
String vl_Description = "";
String vl_EffDateFm = "";
String vl_EffDateTo = "";
String vl_Action = "";
String vl_result = "";
%>
<%
if( pReq.getQualifiedParameter(portletParamAction).equals("ADD")) <= This line cause the null pointer exception <<<<<<<<
vl_MainCat = pReq.getQualifiedParameter(portletParamMainCat);
vl_SubCat = pReq.getQualifiedParameter(portletParamSubCat);
vl_Title = pReq.getQualifiedParameter(portletParamTitle);
vl_URL = pReq.getQualifiedParameter(portletParamURL);
vl_Description = pReq.getQualifiedParameter(portletParamDescription);
vl_EffDateFm = pReq.getQualifiedParameter(portletParamEffDateFm);
vl_EffDateTo = pReq.getQualifiedParameter(portletParamEffDateTo);
//Add News.
try{
CallableStatement cs_2 = conn_erp03.prepareCall("{call XXCT_PORTAL_NEWS_PKG.P_ADD_NEWS(?,?,?,?,?,?,?,?,?,?)}");
cs_2.setString(1, "ADD");
cs_2.setString(2, pReq.getUser().getName());
cs_2.setString(3, pReq.getQualifiedParameter(portletParamMainCat));
cs_2.setString(4, pReq.getQualifiedParameter(portletParamSubCat));
cs_2.setString(5, pReq.getQualifiedParameter(portletParamTitle));
cs_2.setString(6, pReq.getQualifiedParameter(portletParamURL));
cs_2.setString(7, pReq.getQualifiedParameter(portletParamDescription));
cs_2.setString(8, pReq.getQualifiedParameter(portletParamEffDateFm));
cs_2.setString(9, pReq.getQualifiedParameter(portletParamEffDateTo));
cs_2.registerOutParameter(10,Types.VARCHAR);
cs_2.execute();
vl_result = cs_2.getString(10);
cs_2.close();
catch (SQLException se) {
sb.append("Query: SQL Exception: " + se.toString());
System.out.println(sb);
%>
<SCRIPT SRC="<%=HttpPortletRendererUtil.absoluteLink(pReq,"clock.js")%>"></SCRIPT>
<LINK REL=stylesheet TYPE="text/css" HREF="<%=HttpPortletRendererUtil.absoluteLink(pReq,"tables_style.css")%>">
<head>
<script language = "Javascript">

</script>
</head>
<body>
<form name="<%=formName%>" method= "POST" action="<%=UrlUtils.htmlFormActionLink(pReq, UrlUtils.PAGE_LINK)%>">
<%= UrlUtils.htmlFormHiddenFields(pReq, UrlUtils.PAGE_LINK, formName)%>
<table>
<tr>
<td style="color:#fff;font-family:'Arial';font-size:14px;text-align:right;">Page</td>
<td>
<select name="<%=fMainCat%>">
<option value="X">-- Please select --
<option value="FAE">FAE
<option value="PM">Product Marketing
<option value="RD">R&D
<option value="BU">Business Unit
</select>
</td>
<td style="color:#fff;font-family:'Arial';font-size:14px;text-align:right;">Region</td>
<td>
<select name="<%=fSubCat%>">
<option value="X">-- Please select --
<option value="1">Region 1
<option value="2">Region 2
<option value="3">Region 3
<option value="4">Region 4
</select>
</td>
</tr>
<tr>
<td style="color:#fff;font-family:'Arial';font-size:14px;text-align:right;">Date From</td>
<td><input type="text" size="6" maxlength="10" name="<%=fEffDateFm%>"></td>
<td style="color:#fff;font-family:'Arial';font-size:14px;text-align:right;">Date To</td>
<td><input type="text" size="6" maxlength="10" name="<%=fEffDateTo%>"></td>
</tr>
</table>
<table>
<tr>
<td style="color:#fff;font-family:'Arial';font-size:14px;text-align:right;">Title</td>
<td><input type="text" size="100" maxlength="100" name="<%=fTitle%>"></td>
</tr>
<tr>
<td style="color:#fff;font-family:'Arial';font-size:14px;text-align:right;">URL</td>
<td><input type="text" size="100" maxlength="200" name="<%=fURL%>"></td>
</tr>
<tr>
<td style="color:#fff;font-family:'Arial';font-size:14px;text-align:right;">Description</td>
<td><textarea id="description" rows="5" cols="76" maxlength="500" name="<%=fDescription%>"></textarea></td>
</tr>
<tr>
<td><input type="hidden" id="<%=fAction%>" name="<%=HttpPortletRendererUtil.portletParameter(request, portletParamAction)%>"></td>
<td><input type=button value="Add" onClick="doSubmit('ADD')"></td>
</tr>
</table>
</form>
</body>

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

Two HTML in one HTML Form Element Attributes........

In my HTML Form Element Attributes i already have one *<INPUT readonly name="Customer Code"/>*, then i tried to add another HTML onmouseover="toolTip_enable(event,this,'Customer Code')" , i.e, like this both HTML in one Element Attributes +<INPUT readonly name="Customer Code"/>+ onmouseover="toolTip_enable(event,this,'Customer Code')" but its not working .
how do i put both HTML in one HTML Form Element Attributes?
Skud :(

Hi,
I think this is duplicate post
Delete the symbol........
What you try archive. Form element attributes is not place where you enter HTML. You enter only attributes there like
onmouseover="toolTip_enable(event,this,'Customer Code')"PS: when posting code wrap it to {noformat}{noformat} tags
Regards,
Jari

APEX HTML form element codes

Where can I find an extensive list of HTML form element codes and what they do for ex. class="fielddatabold"? This would make it easier than doing multiple google searches. TY.
John

jfr620 wrote:
Where can I find an extensive list of HTML form element codes and what they do for ex. class="fielddatabold"? This would make it easier than doing multiple google searches. TY.There is no published list of these attributes and neither is their rendering (i.e. "what they do") necessarily the same across different themes.
See +{message:id=9729858}+ for prior discussion of this.

Very urgent: How to append the form elements to the Querytext

Hi All,
Could anyone please guide me thru of how we can pass the Querytext in the serach results page in content server 10gR3. As far as I knew we
pass thru in submitfrm() function in the resource include query_submit_form_function.
Am actually trying to customize the search page and search results page and we have several onclick events in the search page.
When we click on the radio button or checkbox. we were able to see the metadata fields in the dropdownlist and I will select the field name
matches some value....How we can append the selected values to the QueryText. How can the Querytext build based on the selection of form
elements.
Please give me some idea...your help is very much appreciated. Let me know if you have any questions....
Thanks,
isha.

Hey,
Thanks for the response. I also got the same thought after going through in depth of Search related resource includes...
I'm not sure of how to do this. Which includes I need to modify. And where exactly I have to write this Onclick event. And where exactly I have to pass this hidden parameters...I knew that we do have to add in Searchform form. However do we need to add the hidden parameters to the standard resource include.
As far as I knew, submitfrm() is the function which holds of Searchform values and also query_form_init script.
Could you please guide me through the steps. Which resource incliudes I have to modify/override..
Thanks a lot for your help.

How to get Adobe form element

Hi Guru,
How can i get adobe element
Ex: I have one dropdwon List with Name : List1.
I want get the value of <b>List1</b>.
Like-----weContext.currentDataElemet.getMaterial();
like that i need to get <b>List1</b> value. this element is not bind. dynamically i want take that value of List and need to assign to another field.
please help little bit urgent.
Thanks
Ramana

Thanks Dvorah, but I don't get it...what do you mean to get the form values with AJAX? The form is in the client side, with AJAX I should issue a Xml request to the server... but the values are in the form... I don't understand your answer... if you could please explain a little bit more I'd really appreciate it. Thanks again.

SAP Workflow: how to integrate html forms

Hello.
I have to built up a workflow, which starts with an ABAP report. This ABAP Report selects a number of persons and then an email is sent to these persons. A hyperlink should be in this email and the person should click at the hyperlink, which opens an html-form. In this html-form some data is filled in and then is sent to our SAP HR system where we start again an apab report.
My questions:
1) is this a typical process for SAP Workflow?
2) What pre-conditions regarding our SAP HR system do we have (do we need ITS)? Where can I find an example for such a workflow with html-form?
3) Is this state of the art? Please tell me some SAP keywords that I can continue my investigation.
Thanks a lot.

Hi,
Then, you should activate Workflow Extended Notification component.
http://help.sap.com/saphelp_nw04/helpdata/en/d5/581ee8d56f1247bf34cfcd66d16d81/frameset.htm
Regards,

How to display html form information

I know you can create an html form where visitors can input data and that data can then be sent to the specified email address. But I am wondering, is it possible to have this data that they enter create and displayed on a new page in a specified layout/template? As in, if I visit the site, and I enter my name, contact information, and maybe 2 pictures, is it possible to have this information displayed in a certain format on a new page for each visitor?
Thanks

when you posted this question you added information into a form and submitted it to be displayed on another page so I would imagine that it's possible.
Step 1.) choose a server side scripting language.
Step 2.) learn your chosen language.

How to use HTML form vi

Hi, I am trying to trying to fill up information into a website using labview. It has 3 text inputs and a image submit button. I was wondering if it is possible to fill the HTML with labview. Another question is that if anyone knows an example VI for HTML form VI from the internet toolkit. I don't know the connections and there is no examples out in the net.

My understanding from your question is that you would like to programmatically (using LabVIEW) send input to and click a button on an existing HTML website, is that right?
If yes, then you can use ActiveX calls to embed a web browser into the front panel of your VI and then use its invoke node to input a text to a form or click a button. Another way is to use the lower-level TCP VIs in LabVIEW, but you need to understand HTTP protocols to successfully use this. See below examples to get started.
ActiveX
https://decibel.ni.com/content/docs/DOC-25396
https://decibel.ni.com/content/docs/DOC-12454
TCP VIs (HTTP)
https://decibel.ni.com/content/docs/DOC-2230
http://zone.ni.com/devzone/cda/epd/p/id/3153
FYI, LabVIEW Internet Toolkit has been deprecated starting LabVIEW 2012, so it is not recommended to build a new application using that.
Hope this helps.
Regards,
A. Yodha
Applications Engineer | National Instruments
Singapore (65) 6226 5886 | Malaysia (60) 3 7948 2000 | Thailand (66) 2 298 4800
Philippines (63) 2 659 1722 | Vietnam (84) 8 3911 3150 | Indonesia (62) 21 2924 1911

How to use html form actions and methods

Hi, I want to make a quick contact page using Edge. I used the following code in my creationComplete but had no luck. Any help?
var na = sym.$( "email" );
email.html( '<form action="send_mail.php" method="post"><input type="text" id="email" value="" />' );
var button = sym.$( "btn" );
button.html( '<input type="submit" value="Send" />' );

My understanding from your question is that you would like to programmatically (using LabVIEW) send input to and click a button on an existing HTML website, is that right?
If yes, then you can use ActiveX calls to embed a web browser into the front panel of your VI and then use its invoke node to input a text to a form or click a button. Another way is to use the lower-level TCP VIs in LabVIEW, but you need to understand HTTP protocols to successfully use this. See below examples to get started.
ActiveX
https://decibel.ni.com/content/docs/DOC-25396
https://decibel.ni.com/content/docs/DOC-12454
TCP VIs (HTTP)
https://decibel.ni.com/content/docs/DOC-2230
http://zone.ni.com/devzone/cda/epd/p/id/3153
FYI, LabVIEW Internet Toolkit has been deprecated starting LabVIEW 2012, so it is not recommended to build a new application using that.
Hope this helps.
Regards,
A. Yodha
Applications Engineer | National Instruments
Singapore (65) 6226 5886 | Malaysia (60) 3 7948 2000 | Thailand (66) 2 298 4800
Philippines (63) 2 659 1722 | Vietnam (84) 8 3911 3150 | Indonesia (62) 21 2924 1911

How to get HTML form name for use in Portal Form's custom layout?

I want to add a date selector to a Portal Form but the NAME attribute of the FORM HTML tag is dynamic.
To add a calendar icon that opens a date selector, I add the following tags to the custom layout after the date form field:
<img src="/images/calendar.gif" height="16" width="16" border="0">
The <form field name> is static, but the <form name> appears to be dynamic (e.g. WWVM3115, WWVM3116, WWVM3117, ...).
The custom layout uses substitution variables for the form fields and labels. Is there a substitution variable for the form name?

Here's the javascript function someone recommended several years ago (on an oracle portal forum) that I've used successfully to reference fields in non-portlet portal forms:
function findItem(pFieldName) {
var vFormElements = document.forms[0].elements;
for(var i = 0; i < vFormElements.length; i++) {
if (vFormElements.name.indexOf("."+pFieldName+".") > -1) return i;
document.write(i);
return -1;
You can then reference the portal form field name using the column/field name only:
document.forms[0].elements[(findItem('COLUMN_NAME_HERE'))]

How to get HTML form values in JSP

retrieve<BR><BR>
retrieveServicer<BR><BR>
There are 2 links on a HTML page,code is in HTML page is above. I want to differentiate those two links at run time? Like which link the user has clicked, Is it possible I can do it request.getParameter() method, if so what is the syntax in HTML page and how to get it in JSP page.
Could you please tell the answer? If anyone knows, Thanks,
Nivas

Hi!
Your question is rather ambigouse!
I guess you can use some javascript code like this!
retrieve<BR><BR>
retrieveServicer<BR><BR>
<script language="javascript" >
function a(){
// you can change any form valuese here submit any form
function b(){
// you can change any form valuese here submit any form
</script>
If it's not your solution ,please describe you question
in detail.
Bye

How to reference a parent element in Excel Templates

I am using an excel template and I have nested groupings of xml that I wish to flatten, for example:
<G_DEPT>
<DEPARTMENT_ID>10</DEPARTMENT_ID>
<DEPARTMENT_NAME>Administration</DEPARTMENT_NAME>
<LIST_G_EMP>
<G_EMP>
<EMPLOYEE_ID>200</EMPLOYEE_ID>
<EMP_NAME>Jennifer Whalen</EMP_NAME>
<EMAIL>JWHALEN</EMAIL>
<PHONE_NUMBER>515.123.4444</PHONE_NUMBER>
<HIRE_DATE>1987-09-17T00:00:00.000-06:00</HIRE_DATE>
<SALARY>4400</SALARY>
<HTML_TEXT><B>This is some bold text</B></HTML_TEXT>
</G_EMP>
</LIST_G_EMP>
<TOTAL_EMPS>1</TOTAL_EMPS>
<TOTAL_SALARY>4400</TOTAL_SALARY>
<AVG_SALARY>4400</AVG_SALARY>
<MAX_SALARY>4400</MAX_SALARY>
<MIN_SALARY>4400</MIN_SALARY>
</G_DEPT>
from the </G_EMP> group, how do I reference elements in the parent group G_DEPT for example? Normally in the rtf templates I would use the xpath <?../../DEPARTMENT_NAME?>
however in the excel templates, the "define names" does not allow me to use XDO_?../../DEPARTMETN_NAME?
Any help would be much appreciated.

You must have done a group on G_DEPT like below:
XDO_GROUP_?G_DEPT?Refer the dept_name like below in meta data
XDO_?G_DEPT? <?.//DEPARTMENT_NAME?>Cheers,
ND
Use the "helpful" or "correct" buttons to award points to replies / Mark the thread as answered, if your question is answered.

I'm dumb: How to tab to form elements in Safari (and OSX in general)

How do I tab to a checkbox on a form in Safari? Tabbing to textfields works ok and buttons too, but no go on checkboxes. On an x86 box (windoze) I can tab to a checkbox and hit the spacebar to tick that element. I'm fairly new to OSX and have noticed this in other parts of the UI besides Safari.
Thanks,
Derek

Open up Keyboard & Mouse in System Preferences. Click on Keyboard Shorcuts. At the bottom of the window, check off "All controls". Close System Preferences. That should do it.

How to reference a saw:param in javascript

Hi everyone,
Not sure if this is possible but I have a need to reference the value computed in <sawm:param name="addViewState"/>. Does anyone have experience referencing these values?
I've been trying to work on a way to display a dynamic breadcrumb using OBIEE's DrillBack function. That function requires two values, a viewpath and a viewstate. I can get the view path but I've been stuck on retrieving the viewstate for about the last week. After a bit of digging, I found the above reference in dashboardtemplates.xml.
I know Sunil has implemented a static version of a breadcrumb using navigate, but I was hoping to achieve something more dynamic.
thanks for the help!
-Joe

I would recommend using Firebug to determine what functions are called during the standard drill-down. Replace the existing onClick with your own new onClick that executes both your custom code and OBIEE's code.
I did something similar recently when making a modification to writeback functionality. I needed to display a select list for my writeback instead of a text box. I created a Answers field with the html code for the select list. This included a call to a custom function triggered onClick. The custom function wrote the selected value from the select list to the text box. This didn't work initially because OBIEE was making use of the onFocus and onChange function of the writeback text box. These functions needed to be called in order for the writeback to execute properly. My behind the scenes assignment to the text box was not triggering the onFocus and onChange functions like it needed to. My solution was to determine what code was executing from onFocus and onChange and then execute it explicitly from my custom function.
Here's an excerpt from my custom onClick function from the select list. The functions WBFocus and WBChange are what OBIEE was executing onFocus and onChange for the writeback text box.
if( aElm.type == "text" && aElm[i].size ==50) {
WBFocus(event);
aElm[i].value="n/a";
WBChange(event);

How to reference html form element in javascript ?

Similar Messages

Maybe you are looking for