Adding elements to html form dynamically

hi All,
I would like to add input boxes to html form dynamically onclick event.
But this doesnot work at all.. can u spot the trouble?
<html>
<body>
<input type=file name="fileName" value="browse">
<input type=button value="Add more file" onclick="add();">
<input type=hidden name="theValue" value='0'>
<script type="text/javascript">
function add()
var num=parseInt(theValue.value)+1;
theValue.value=num;
var name="fileName"+num;
var element=document.createElement(input);
element.setAttribute('type','file');
element.setAttribute('name',name);
element.setAttribute('value','browse');
document.appendChild(element);
</script>
</body>
</html>
thanks in advance

Hi,
Since no one is giving you the hint: I'm afraid you're in the wrong forum. This is not a Javascript forum. I know it sounds confusing but despite the name, Javascript and Java have nothing really in common. Javascript runs on the client side. Java web technologies don't. Although, what you are asking for can be done with JSP's, I'm afraid, I can't help you with Javascripting :(....
Cheers,
Joerg

Similar Messages

How to add elements to html form dynamically

Hi,
the following piece of code tries to add input elements to a form dynamically on button's click event.
But it doesnot work. Can anyone spot the trouble
<html>
<body>
<input type=file name="fileName" value="browse">
<input type=button value="Add more file" onclick="add();">
<input type=hidden name="theValue" value='0'>
<script type="text/javascript">
function add()
var num=parseInt(theValue.value)+1;
theValue.value=num;
var name="fileName"+num;
var element=document.createElement(input);
element.setAttribute('type','file');
element.setAttribute('name',name);
element.setAttribute('value','browse');
document.appendChild(element);
</script>
</body>
</html>

Hi,
Since no one is giving you the hint: I'm afraid you're in the wrong forum. This is not a Javascript forum. I know it sounds confusing but despite the name, Javascript and Java have nothing really in common. Javascript runs on the client side. Java web technologies don't. Although, what you are asking for can be done with JSP's, I'm afraid, I can't help you with Javascripting :(....
Cheers,
Joerg

Creating dynamic html forms

Hi,
We have a requirement to create a number of html forms where the fields displayed on the form could change based on the date a user requests the form.
The technology stack we are using is jsp,struts, adf bc, although we may use jsf , adf bc.
The only way I can see of doing this(assuming we get the database design correct) is to generate the required xml from the database and then transform this into html on the fly? This would obviosuly not be compatable with the ADF binding feature though.
Has anyone done this, and/or found a way to make it work using ADF.
Thanks,
Richard

I guess I could also just dynamically build up the from fields directly in the jsp.
I guess I would just loop throught the meta data on the forms from the database,
and then just write out the number and type of form elements required.
This would still not make use of adf binding though.

Very big problem with JSF about FORM and "id=" for HTML form's elements and

I have discovered a very big problem with JSF about FORM and "id=" for HTML form's elements and java instruction "request.getParameterNames()".
Suppose you have something like this, to render some datas form a Java Beans :
<h:dataTable value="#{TablesDb2Bean.myDataDb2ListSelection}" var="current" border="2" width="50%" cellpadding="2" cellspacing="2" style="text-align: center">
<h:column>
<f:facet name="header">
<h:outputText value="Name"/>
</f:facet>
<h:outputText id="nameTableDb2" value="#{current.db2_name_table}"/>
</h:column>
</h:dataTable>
Everything works fine...
Suppose you want to get the name/value pairs for id="nameTableDb2" and #{current.db2_name_table} to process them in a servlet. Here is the HTML generated :
<td><span <span class="attribute-name">id=<span class="attribute-value">"j_id_jsp_1715189495_22:0:nameTableDb2">my-table-db2-xxxxx</span></td>
You think you can use the java instructions :
Enumeration NamesParam = request.getParameterNames();
while (NomsParam.hasMoreElements()) {
String NameParam = (String) NamesParam.nextElement();
out.println("<h4>"++NameParam+ "+</h4>);
YOU ARE WRONG : request.getParameterNames() wants the syntax *name="nameTableDb2" but JSF must use id="nameTableDb2" for "<h:outputText"... So, you can't process datas in a FORM generated with JSF in a Servlet ! Perhaps I have made an error, but really, I wonder which ?
Edited by: ungars on Jul 18, 2010 12:43 AM
Edited by: ungars on Jul 18, 2010 12:45 AM

While I certainly appreciate ejb's helpful responses, this thread shows up a difference in perspective between how I read the forum and how others do. Author ejb is correct in advising you to stay inside JSF for form processing if form processing is what you want to do.
However, I detect another aspect to this post which reminds me of something Marc Andreesen once said when he was trying to get Netscape off the ground: "there's no such thing as bad HTML."
In this case, I interpret ungar's request as a new feature request. Can I phrase it like this?
"Wouldn't it be nice if I could render my nice form with JSF but, in certain cases, when I REALLY know what I'm doing" just post out to a separate servlet? I know that in this case I'll be missing out on all the nice validation, conversion, l10n, i18n, ajax, portlet and other features provided by JSF".
If this is the case, because it really misses the point of JSF, we don't allow it, but we do have an issue filed for it
https://javaserverfaces-spec-public.dev.java.net/issues/show_bug.cgi?id=127
If you can't wait for it to be fixed, you could decorate the FormRenderer to fix what you want.
I have an example in my JSF book that shows how to do this decoration. http://bit.ly/edburnsjsf2
Ed

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.

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>

HTML Form in a "PL/SQL (anonymour Block)"

Hello
I need a little ugent guidance
I have create a "form" within a "PL/SQL (anonymour Block)". The requirement is to show what a HTML form looks like as you build the code
The problem is I am "Up Setting" the APEX processing i.e. wwv_flow.accept ... I have added an example below .....
All help very welcome
Thanks
Pete
htp.prn('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">');
htp.prn( '<style type="text/css">');
htp.prn('#form{font-family: "Trebuchet MS", Verdana, sans-serif; width:25em;}');
htp.prn('h2{margin: 0 0 0 0; padding: 0;}');
htp.prn('p{margin: 0 0 1em 0; padding: 0; font-size:90%}');
htp.prn('fieldset{background:#C361D2; border:none; margin-bottom:1em; width:24em; padding-top:1.5em}');
htp.prn('p.legend{background:#DED983;
color:black;
padding: .2em .3em;
width:750px;
font-size:18px;
border:6px outset #DED980;
position:relative;
margin: -2em 0 1em 1em;
width: 20em;}');
htp.prn('fieldset{margin-bottom:1em; width:66em; padding-top:1.5em;}');
htp.prn('#company {background:#F3B4F5; border:outset #F3B4F5; width="700";}');
htp.prn('#company label{position:absolute;
font-family:arial;
font-size:16px;
padding:.2em;}');
htp.prn('input{margin-left:9em;margin-bottom:.2em; line-height:1.4em;}');
htp.prn('#message1 {background:#a3B4F5; border:outset #a3B4F5; width="700";}');
htp.prn('#message2 {background:#c3B4F5; border:outset #c3B4F5; width="700";}');
htp.prn('button1 {font:48px "Trebuchet MS", "Verdana", sans-serif;
background:#F0888A;
border:outset #6EC6F1}');
htp.prn('#buttons1 input {background:#DED983;
font:1.2em "Trebuchet MS", Verdana, sans-serif}');
htp.prn('p#buttons1 {white-space:nowrap}');
htp.prn('</style>');
htp.prn('<table width="760"><tr bgcolor="#D5EAE9">');
htp.prn('<BR><BR>');
htp.prn ('<form method="" action="">');
htp.prn ('<fieldset id="company"><p class="legend" >Company</p>');
htp.prn ('<label>Comapany Name: </label> <input name="company" type="Text" size="30"/>');
htp.prn ('<br><br>');
htp.prn ('</fieldset>');
htp.prn ('<br><br><br>');
htp.prn ('<fieldset id="message1"><p class="legend">Message One</p>');
htp.prn ('</fieldset>');
htp.prn ('<br><br><br>');
htp.prn ('<fieldset id="message2"><p class="legend">Message Two</p>');
htp.prn ('</fieldset>');
htp.prn ('<br><br>');
htp.prn ('</form>');
htp.prn('</tr></table>');
End;
______________________________________________________________________________________________________

Pete:
Remove the name attributes from all input elements defined by the pl/sql process. For example
<input name="company" type="Text" size="30"/> should be replaced by <input type="Text" size="30"/> or <input name="f01" type="Text" size="30"/>
The APEX accept process recognises a predefined set of HTML form input names. Any input with a name not from this set will cause the accept process to fail. f01 through f50 are valid names for the accept procedure.
varad

Please!!!!!!   How can i add rows in html table dynamically [use jsp,bean]

hello, i am a fresher in jsp. i want to add new rows in html table dynamically.In my coding, just only shows in one row . please help my problem with correct coding and i don't want to use database. Thanks ...............!
Here is my coding-------------------
---------------- form.jsp --------------------->
<%@ page import="java.util.*,newtest1.Validation" %>
<jsp:useBean id="mybean" scope="page" class="newtest1.Validation" />
<jsp:setProperty name="mybean" property="name" param="name" />
<jsp:setProperty name="mybean" property="age" param="age" />
<% s[i][j] %>
<html>
<head><title>Form</title></head>
<body>
<form method="get">
<table border="0" width="700">
<tr>
<td width="150" align="right">Name</td>
<td width="550" align="left"><input type="text" name="name" size="35"></td>
</tr>
<tr>
<td width="150" align="right">Age</td>
<td width="550" align="left"><input type="text" name="age" size="35"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr><td> </td></tr>
<tr><td><input type="submit" name="submit" value="ADD"></td></tr>
<tr><td> </td></tr>
<tr><td width="100%" align="center" border=1>
<% int count=mybean.getStart();
for(int i=count; i<count+1; i++) { %>
<tr>
<td><jsp:getProperty name="mybean" property="name" /></td>
<td><jsp:getProperty name="mybean" property="age" /></td>
<td><%= count %></td>
<% count+=1; %>
</tr>
<% } %></td></tr>
</table>
</form>
</body>
</html>
----------------- Validation.java ----------------->
package newtest1;
import java.util.*;
public class Validation {
private String name;
private String age;
static int start=0;
public Validation() {    name=null;
age=null;
++start;}
public void setName(String username) { if(username!="")
name=username;
public String getName() { return name; }
public void setAge(String userage) { if (age!="")
{age=userage;}
public String getAge() { return age;   }
public int getStart() {
return start; }

Hi, Do you mean to say,
You have an HTML page in which you have a text field and an add button. If you enter anything in that text field and click on Add button the text field contents should be displayed in the same HTML page and you should be able to go on entering new values into the text field and you should be able to retain and display all the previously entered values..
and finally the list of added items are not stored in the database..
If this is the case
i. Your html form should be submitted to the same page.
ii. You need to have a Vector which holds the entered values.
iii. Bind the vector object to the request object and collect the same vector object from the request and display its contents...
I think this would help...

Generating XSD files from an HTML form......

What is the best way to generate XML Schema files from an HTML form? Are there any APIs, Frameworks, software products, that already do this for you? What is the best way to do this programmatically?
I was thinking about using DOM...
Any help and/or advice will be greatly appreciated...
With thanks,
Unnsse Khan

users select what they want in their schemas
If the Schema info is added in a JSP.
Element Name: elementA
Data Type: string
Sub-Elements(Sequence): elementB, elementC
The field values may be retreived with with the getParameter method.
String elementName=request.getParameter("ElementName");
String type=request.getParameter("DataType");
From the values retreived a Schema may be constructed with the org.w3c.dom.* classes.

How can an applet retrieve the values of a HTML form shown in a JEditorPane

Hi,
I'm doing an applet that contains a JTree and a JEditorPane
among other components. Each node of the JTree represents some
information that is stored in a database, and whenever a JTree
node is selected, this information is recovered and shown in
the JEditorPane with a html form. To make the html form,
the applet calls a servlet, which retrieves the information of
the node selected from the database. This information is stored
like a XML string, and using XSLT, the servlet sends the html
form to the applet, which shows it in the JEditorPane.
My problem is that I don't know how I can recover new values
that a user of the application can introduce in the input fields
of the html form. I need to recover this new values and send them
to another servlet which store the information in the database.
If someone could help me I'd be very pleased.
Eduardo

At least I found a fantastic example. Here it is:
import java.awt.*;
import java.awt.event.*;
import java.util.*;
import java.net.*;
import javax.swing.*;
import javax.swing.text.*;
import javax.swing.text.html.*;
public class FormSubmission extends JApplet {
private final static String FORM_TEXT = "<html><head></head><body><h1>Formulario</h1>"
+ "<form action=\"\" method=\"get\"><table><tr><td>Nombre:</td>"
+ "<td><input name=\"Nombre\" type=\"text\" value=\"James T.\"></td>"
+ "</tr><tr><td>Apellido:</td>"
+ "<td><input name=\"Apellido\" type=\"text\" value=\"Kirk\"></td>"
+ "</tr><tr><td>Cargo:</td>"
+ "<td><select name=\"Cargo\"><option>Captain<option>Comandante<option>General</select></td>"
+ "</tr><td colspan=\"2\" align=\"center\"><input type=\"submit\" value=\"Enviar\"></td>"
+ "</tr></table></form></body></html>";
protected HashMap radioGroups = new HashMap();
private Vector v = new Vector();
public FormSubmission() {
getContentPane().setLayout(new BorderLayout());
JEditorPane editorPane = new JEditorPane();
editorPane.setEditable(false);
editorPane.setEditorKit(new HTMLEditorKit()
public ViewFactory getViewFactory() {
return new HTMLEditorKit.HTMLFactory() {
public View create(Element elem) {
Object o = elem.getAttributes().getAttribute(javax.swing.text.StyleConstants.NameAttribute);
if (o instanceof HTML.Tag)
HTML.Tag kind = (HTML.Tag) o;
if (kind == HTML.Tag.INPUT || kind == HTML.Tag.SELECT || kind == HTML.Tag.TEXTAREA)
return new FormView(elem)
protected void submitData(String data)
showData(data);
protected void imageSubmit(String data)
showData(data);
// Workaround f�r Bug #4529702
protected Component createComponent()
if (getElement().getName().equals("input") &&
getElement().getAttributes().getAttribute(HTML.Attribute.TYPE).equals("radio"))
String name = (String) getElement().getAttributes().getAttribute(HTML.Attribute.NAME);
if (radioGroups.get(name) == null)
radioGroups.put(name, new ButtonGroup());
((JToggleButton.ToggleButtonModel) getElement().getAttributes().getAttribute(StyleConstants.ModelAttribute)).setGroup((ButtonGroup) radioGroups.get(name));
JComponent comp = (JComponent) super.createComponent();
// Peque�a mejora visual
comp.setOpaque(false);
return comp;
return super.create(elem);
//editorPane.setText(FORM_TEXT);
editorPane.setText(texto);
getContentPane().add(new JScrollPane(editorPane), BorderLayout.CENTER);
private void showData(String data) {
// ergebnis significa resultado
StringBuffer ergebnis = new StringBuffer("");
StringTokenizer st = new StringTokenizer(data, "&");
while (st.hasMoreTokens()) {
String token = st.nextToken();
String key = URLDecoder.decode(token.substring(0, token.indexOf("=")));
String value = URLDecoder.decode(token.substring(token.indexOf("=")+1,token.length()));
v.add(value);
ergebnis.append(" "); ergebnis.append(key); ergebnis.append(": "); ergebnis.append(value); ergebnis.append(" ");
ergebnis.append(" ");
JOptionPane.showMessageDialog(this, ergebnis.toString());
public static void main(String[] args) throws Exception {
JFrame frame = new JFrame ();
FormSubmission editor = new FormSubmission ();
frame.getContentPane().add(editor);
frame.pack();
frame.show();
}

How to retrieve data from the HTML form in the JEditorPane?

I could quite easily use JEditorPane to render and display a simple HTML file.
My HTML looks like this:
<html>
<head>
<title> simple form</title>
</head>
<body bgcolor="cccccc">
<center><h1>SURVEY THING</h1>
</center>
<form id="survey">
<p>1.Type something in.</p>
<textarea cols=25 rows=8>
</textarea>
<BR>
<p>2.Pick ONLY one.</p>
<input type="radio" name="thing" value="0" Checked> NO choice <BR>
<input type="radio" name="thing" value="1"> First choice <BR>
<input type="radio" name="thing" value="2"> Second choice
<BR>
<p>3.Pick all you like.</p>
<input type="checkbox" name="stuff" value="A"> A <BR>
<input type="checkbox" name="stuff" value="B"> B <BR>
<input type="checkbox" name="stuff" value="C"> C <BR>
<input type="submit" value="give data">
<input type="reset" value="do clensing">
</form>
</body>
</html>
It gets diplayed fine and I can type in text, select radio buttons (they behave mutualy-exclusive,
as they should) and check checkboxes.
The problem I have is with retrieving the values which were entered into the form.
If I, after editing, try to write the html to the file using HTMLWriter,
it records the changes I made into the textarea, however all the radio and checkbox selections are lost.
Maybe the problem is that when I enter the values I do not use any methods like
insertBeforeStart and so on, but I believe I shouldn't need to use them to populate a form.
Especially I never change the structure of the HTML.
Also, when I try to traverse the Element tree and see the input elements attributes,
I can never see a change in the entered values. However it is probably b/c I am traversing through
the model and the changes are in the view (just a guess.)
Anyway, if anybody could direct me onto the right path: how to retrieve the values typed in the form,
or if it is possible at all in the JEditorPane, I would greatly appreciate.
thanks
maciej
PS. I have seen the answer to a similar question posted some time last year. However, I am trying
to find a soultion which allows forms/surveys to be built by people who have no java and only basic
html knwledge. And Axualize way is probably a little bit too "high-tech."

Maybe helpful for u.
import java.awt.*;
import java.awt.event.*;
import java.awt.Container;
import java.util.*;
import javax.swing.*;
import javax.swing.text.*;
import javax.swing.text.html.*;
public class TestHtmlInput extends JFrame {
     JEditorPane pane=new JEditorPane();
     public TestHtmlInput() {
          super();
          pane.setEditorKit(new HTMLEditorKit());
          pane.setText("<HTML><BODY><FORM>" +
          "<p>1.Input your name.</p>" +
          "<INPUT TYPE='text' name='firstName'>" +
          "<p>2.Input your information.</p>" +
          "<TEXTAREA rows='20' name='StationDescriptions' cols='100'>" +
          "<p>3.Pick ONLY one.</p>" +
          "<input type='radio' name='thing' value='0' Checked> NO choice <BR>" +
          "<input type='radio' name='thing' value='1'> First choice <BR>" +
          "<input type='radio' name='thing' value='2'> Second Choice <BR>" +
          "<p>4.Pick all you like.</p>" +
          "<input type='checkbox' name='stuff' value='A'> A <BR>" +
          "<input type='checkbox' name='stuff' value='B'> B <BR>" +
          "<input type='checkbox' name='stuff' value='C'> C <BR>" +
          "<p>5.Choose your nationality.</p>" +
          "<select name='natio'>" +
          "<option>12</option>" +
          "<option selected>13</option>" +
          "</select>" +
          "</FORM></BODY></HTML>");
          this.getContentPane().add(new JScrollPane(pane));
          JButton b=new JButton("print firstName text");
          b.addActionListener(new ActionListener() {
               public void actionPerformed(ActionEvent e) {
                    System.out.println("Number of Components in JTextPane: " + pane.getComponentCount());
                    for (int i = 0; i < pane.getComponentCount(); i++) {
                         //NOTE FOR BELOW: know its a Container since all Components inside a JTextPane are instances of the inner class
                         //ComponentView$Invalidator which is a subclass of the Container Class (ComponentView$Invalidator extends Container)
                         Container c = (Container)pane.getComponent(i);
                         //the component of this containers will be the Swing equivalents of the HTML Form fields (JButton, JTextField, etc.)
                         //Get the # of components inside the ComponentView$Invalidator (the above container)
                         Component swingComponentOfHTMLInputType = c.getComponent(0);
                         //each ComponentView$Invalidator will only have one component at array base 0
                         //DISPLAY OF WHAT JAVA CLASS TYPE THE COMPONENT IS
                         System.out.println(i + ": " + swingComponentOfHTMLInputType.getClass().getName());
                         //this will show of what type the Component is (JTextField, JRadioButton, etc.)
                         if (swingComponentOfHTMLInputType instanceof JTextField) {
                              JTextField tf = (JTextField)swingComponentOfHTMLInputType;
                              //downcast and we have the reference to the component now!! :)
                              System.out.println(" Text: " + tf.getText());
                              tf.setText("JTextField found!");
                         } else if (swingComponentOfHTMLInputType instanceof JButton) {
                         } else if (swingComponentOfHTMLInputType instanceof JComboBox) {
                                 JComboBox combo = (JComboBox)swingComponentOfHTMLInputType;
                                 System.out.println(" Selected index: " + combo.getSelectedIndex());
                            } else if (swingComponentOfHTMLInputType instanceof JRadioButton) {
                                 JRadioButton radio = (JRadioButton)swingComponentOfHTMLInputType;
                                 System.out.println(" Selected: " + new Boolean(radio.isSelected()).toString());
                         } else if (swingComponentOfHTMLInputType instanceof JCheckBox) {
                                 JCheckBox check = (JCheckBox)swingComponentOfHTMLInputType;
                                 check.setSelected(true);
                                 System.out.println(" Selected: " + new Boolean(check.isSelected()).toString());
                         } else if (swingComponentOfHTMLInputType instanceof JScrollPane) {
                              JScrollPane pane = (JScrollPane)swingComponentOfHTMLInputType;
                              for (int j=0; j<pane.getComponentCount(); j++) {
                                   //JTextArea area = (JTextArea)swingComponentOfHTMLInputType.getComponent(0);
                                   Container c2 = (Container)pane.getComponent(j);
                                   for (int k=0; k<c2.getComponentCount(); k++) {
                                        Component c3 = (Component)c2.getComponent(k);
                                        if (c3 instanceof JTextArea) {
                                             JTextArea area = (JTextArea)c3;
                                             System.out.println(" " + area.getClass().getName());
                                             System.out.println("     Text: " + area.getText());
                                             area.setText("JTextArea found!");
                         } else {
          this.getContentPane().add(b,BorderLayout.SOUTH);
     public static void main(String args[]) {
          TestHtmlInput app = new TestHtmlInput();
          app.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE );
          app.setSize( 400, 900 );
          app.setVisible( true );
}

Is there a way to create reusable HTML Forms that can be used on multiple pages?

I'm trying to understand the recommended approach to managing 10 HTML forms that will be reused on many different pages. I want to be able to modify the form definition once and have the change propogate.

Is your requirement that authors be able to change the form definition, or should form definition be controlled by developers?
In the case of authors being able to change the form definition then I would say best practice would be to create a page that holds the form definition (using whatever components work for you - either the out of the box form components or something custom). Then use the reference component to point the definition in all the other locations you want the form to appear. One thing to note is if you are using dispatcher for caching you need to make sure you strategy for cache flushing accomadates this approach.
In the case of developers controlling the form definition you could crate a component for each form, and then simly drag that component onto the pages that require the form. In this case your would control all the form label and description elements in the localization file.

How can I change the order of html form data submitted to me via email?

I am having customers contact me via an html form posted on my website using the "sendtoemail" command. When I receive the data in an e-mail it is not presented in the order it appears on the web page and I can't seem to find out what dictates the order the data is presented in or how I can change it.
Anyone have any ideas on how I can make HTML form data elements appear in the order I want?
Thanks,
Andy

Or find a commercial form-to-email script that is compatible with your server's configuration (PHP, ASP, Perl...) and customize it to your needs.
Formm@ailer PHP from DB Masters
http://dbmasters.net/index.php?id=4
FormToEmail.com (free & pro versions available)
http://formtoemail.com/formtoemail_pro_version.php
Tectite
http://www.tectite.com/formmailpage.php
Forms to Go from Bebosoft (script generating software)
http://www.bebosoft.com/products/formstogo/overview/
Nancy O.

How to make a form dynamic so that it displays different logos at runtime

I am working on some assignment wherein I would like to make a form dynamic so that in it's designated image holder it displays different logos/pictures at run time? First of all is there such a possibility?? I am still very new to this forum and also trying to understand the logic/bindings/heirarchy etc. in LCD. Any input would be highly appreciated.
Thanks in advance

LC 7 or 8 does not help load logs at runtime. However you can associate all your logs at design time and control their visibility property based on the events. This may help fulfill the requirements you have to an extent however adding number of images at design time will increase the size of the template.

Adding elements to html form dynamically

Similar Messages

Maybe you are looking for