Back To Website Design Forum

Help with Dynamic text boxes

  • sheraz79
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Oct 01, 2008
  • Posts: 6
  • Status: Offline

Post October 1st, 2008, 5:20 pm

Hi There,

How are you,

I have a order form ,that has a option to add text boxes dynamically.
So the user can add boxes as they like and enter their details in these text boxes.

there are some fixed text boxes are present on this form.I have no problem getting values/data from these text boxes.I set it up to send details from this form to my email address.

I'm wondering how can I get data from dynamically text boxes that are add by user.


Thank You

God Bless You.
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post October 1st, 2008, 5:20 pm

  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post October 12th, 2008, 11:15 pm

what do you call the textbox when it gets created? which server side language are you using to pull the data from the textboxes? how are you creating the textboxes dynamically?
Let's leave all our *plum* where it is and go live in the jungle ...
  • sheraz79
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Oct 01, 2008
  • Posts: 6
  • Status: Offline

Post October 13th, 2008, 1:06 pm

Hi ,

I'm using Java. I'm not not sure when what it called after text box is created.

I'm using form in front page to emails the detail of this page.
Thank You.
here is html...


Code: [ Select ]
<html>
 
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>dynamic</title>
</head>
 
<body>
<HEAD>
 
<TITLE>dynamic</TITLE>
 
 
<script language="javascript">
 
<!--
var rownum=1
 
function addRow(el)
{
targEl=document.getElementById(el);
var tbody = targEl.getElementsByTagName("tbody")[1];
rownum=Number(targEl.getElementsByTagName('tr')[(targEl.rows.length-1)].getElementsByTagName('td')[0].getElementsByTagName('input')[0].value);
rownum+=1;
var row = document.createElement("TR");
 
 
var cell0 = document.createElement("TD");
var inp0 = document.createElement("INPUT");
inp0.setAttribute("type","text");
inp0.setAttribute("name","Sno" + rownum);
inp0.setAttribute("size","2");
inp0.setAttribute("value", rownum);
inp0.setAttribute("disabled", true);
cell0.appendChild(inp0);
 
 
var cell1 = document.createElement("TD");
var inp1 = document.createElement("INPUT");
inp1.setAttribute("type","text");
inp1.setAttribute("name","Product" + rownum);
inp1.setAttribute("size","45");
inp1.setAttribute("value","");
cell1.appendChild(inp1);
 
 
var cell2 = document.createElement("TD");
var inp2 = document.createElement("INPUT");
inp2.setAttribute("type","text");
inp2.setAttribute("name","Manufacture" + rownum);
inp2.setAttribute("size","45");
inp2.setAttribute("value","");
cell2.appendChild(inp2);
 
 
row.appendChild(cell0);
row.appendChild(cell1);
row.appendChild(cell2);
 
tbody.appendChild(row);
}
 
function validate(the)
{
i=document.FORM1.Drop1.value;
alert(i);
i= document.FORM1.Drop2.value;
 
alert(i)
 
submit();
 
 
}
 
 
-->
 
 
 
 
</SCRIPT>
 
 
 
</HEAD>
<BODY>
 
 
<P>
 
<form method="POST" action="--WEBBOT-SELF--" onSubmit="location.href='_derived/nortbots.htm';return false;" webbot-onSubmit>
  <!--webbot bot="SaveResults" u-file="_private/form_results.csv" s-format="TEXT/CSV" s-label-fields="TRUE" s-email-address="" s-email-format="TEXT/PRE" startspan --><strong>[FrontPage Save Results Component]</strong><!--webbot bot="SaveResults" endspan i-checksum="6561" --><p>&nbsp;</p>
 
<p align=center> <b>
<U>ABCTOZ</U>
</P>
  <p>
&nbsp;</p>
 
  <p>
&nbsp;</p>
 
  <p>
&nbsp;</p>
 
  <p>
<br>
<br>
 
  </p>
 
<table id="1st" cellSpacing=1 cellPadding=1 border=10>
<TR >
<TD rowSpan=2 size=4>&nbsp;No</TD>
<TD colSpan=2>
<CENTER >
<p>Please Enter Your Order Details Here </p>
</CENTER>
<p align="left"><b>1st Store Name</b><input type="text" name="T1" size="47"></p>
</TD>
</TR>
<TR>
<TD>
<CENTER>
<p> <b>
Product</b></p>
</CENTER></TD>
<TD>
<CENTER>
<p><select size="1" name="D1">
<option selected value="Select">Select</option>
<option>Manufacturer</option>
<option>Size/Topping</option>
</select></p>
</CENTER></TD>
</TR>
<tbody>
<TR name=row1 >
<TD ><input type="text" name="Sno" size=2 value=1 disabled></TD>
<TD><input type="text" name="Product" size=45></TD>
<TD><input type="text" name="Manufacture" size=45></TD>
 
</TR>
</tbody>
</table>
 
  <p>
 
 
<input type="button" value="Add A Box For 1st Store!" onClick="addRow('1st');">&nbsp; </p>
  </b>
 
  <table id="2nd" cellSpacing=1 cellPadding=1 border=1>
<TR >
<TD rowSpan=2 size=4>&nbsp;No</TD>
<TD colSpan=2>
<CENTER >
<p>Please Enter Your Order Details Here</p>
</CENTER>
<p align="left"><b>2nd Store Name<input type="text" name="T2" size="47"></b></p>
</TD>
</TR>
<TR>
<TD>
<CENTER>
<p>Product</p>
</CENTER></TD>
<TD>
<CENTER>
<p><select size="1" name="D2">
<option selected value="Select">Select</option>
<option value="Manufacturer">Manufacturer</option>
<option value="Size/Topping">Size/Topping</option>
</select></p>
</CENTER></TD>
</TR>
<tbody>
<TR name=row1 >
<TD ><input type="text" name="Sno" size=2 value=1 disabled></TD>
<TD><input type="text" name="Product" size=45></TD>
<TD><input type="text" name="Manufacture" size=45></TD>
 
</TR>
</tbody>
</table>
 
  <p>
 
<input type="button" value="Add A Box For 2nd Store!" onClick="addRow('2nd');">&nbsp; </p>
 
 
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
</form>
  1. <html>
  2.  
  3. <head>
  4. <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
  5. <meta name="ProgId" content="FrontPage.Editor.Document">
  6. <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  7. <title>dynamic</title>
  8. </head>
  9.  
  10. <body>
  11. <HEAD>
  12.  
  13. <TITLE>dynamic</TITLE>
  14.  
  15.  
  16. <script language="javascript">
  17.  
  18. <!--
  19. var rownum=1
  20.  
  21. function addRow(el)
  22. {
  23. targEl=document.getElementById(el);
  24. var tbody = targEl.getElementsByTagName("tbody")[1];
  25. rownum=Number(targEl.getElementsByTagName('tr')[(targEl.rows.length-1)].getElementsByTagName('td')[0].getElementsByTagName('input')[0].value);
  26. rownum+=1;
  27. var row = document.createElement("TR");
  28.  
  29.  
  30. var cell0 = document.createElement("TD");
  31. var inp0 = document.createElement("INPUT");
  32. inp0.setAttribute("type","text");
  33. inp0.setAttribute("name","Sno" + rownum);
  34. inp0.setAttribute("size","2");
  35. inp0.setAttribute("value", rownum);
  36. inp0.setAttribute("disabled", true);
  37. cell0.appendChild(inp0);
  38.  
  39.  
  40. var cell1 = document.createElement("TD");
  41. var inp1 = document.createElement("INPUT");
  42. inp1.setAttribute("type","text");
  43. inp1.setAttribute("name","Product" + rownum);
  44. inp1.setAttribute("size","45");
  45. inp1.setAttribute("value","");
  46. cell1.appendChild(inp1);
  47.  
  48.  
  49. var cell2 = document.createElement("TD");
  50. var inp2 = document.createElement("INPUT");
  51. inp2.setAttribute("type","text");
  52. inp2.setAttribute("name","Manufacture" + rownum);
  53. inp2.setAttribute("size","45");
  54. inp2.setAttribute("value","");
  55. cell2.appendChild(inp2);
  56.  
  57.  
  58. row.appendChild(cell0);
  59. row.appendChild(cell1);
  60. row.appendChild(cell2);
  61.  
  62. tbody.appendChild(row);
  63. }
  64.  
  65. function validate(the)
  66. {
  67. i=document.FORM1.Drop1.value;
  68. alert(i);
  69. i= document.FORM1.Drop2.value;
  70.  
  71. alert(i)
  72.  
  73. submit();
  74.  
  75.  
  76. }
  77.  
  78.  
  79. -->
  80.  
  81.  
  82.  
  83.  
  84. </SCRIPT>
  85.  
  86.  
  87.  
  88. </HEAD>
  89. <BODY>
  90.  
  91.  
  92. <P>
  93.  
  94. <form method="POST" action="--WEBBOT-SELF--" onSubmit="location.href='_derived/nortbots.htm';return false;" webbot-onSubmit>
  95.   <!--webbot bot="SaveResults" u-file="_private/form_results.csv" s-format="TEXT/CSV" s-label-fields="TRUE" s-email-address="" s-email-format="TEXT/PRE" startspan --><strong>[FrontPage Save Results Component]</strong><!--webbot bot="SaveResults" endspan i-checksum="6561" --><p>&nbsp;</p>
  96.  
  97. <p align=center> <b>
  98. <U>ABCTOZ</U>
  99. </P>
  100.   <p>
  101. &nbsp;</p>
  102.  
  103.   <p>
  104. &nbsp;</p>
  105.  
  106.   <p>
  107. &nbsp;</p>
  108.  
  109.   <p>
  110. <br>
  111. <br>
  112.  
  113.   </p>
  114.  
  115. <table id="1st" cellSpacing=1 cellPadding=1 border=10>
  116. <TR >
  117. <TD rowSpan=2 size=4>&nbsp;No</TD>
  118. <TD colSpan=2>
  119. <CENTER >
  120. <p>Please Enter Your Order Details Here </p>
  121. </CENTER>
  122. <p align="left"><b>1st Store Name</b><input type="text" name="T1" size="47"></p>
  123. </TD>
  124. </TR>
  125. <TR>
  126. <TD>
  127. <CENTER>
  128. <p> <b>
  129. Product</b></p>
  130. </CENTER></TD>
  131. <TD>
  132. <CENTER>
  133. <p><select size="1" name="D1">
  134. <option selected value="Select">Select</option>
  135. <option>Manufacturer</option>
  136. <option>Size/Topping</option>
  137. </select></p>
  138. </CENTER></TD>
  139. </TR>
  140. <tbody>
  141. <TR name=row1 >
  142. <TD ><input type="text" name="Sno" size=2 value=1 disabled></TD>
  143. <TD><input type="text" name="Product" size=45></TD>
  144. <TD><input type="text" name="Manufacture" size=45></TD>
  145.  
  146. </TR>
  147. </tbody>
  148. </table>
  149.  
  150.   <p>
  151.  
  152.  
  153. <input type="button" value="Add A Box For 1st Store!" onClick="addRow('1st');">&nbsp; </p>
  154.   </b>
  155.  
  156.   <table id="2nd" cellSpacing=1 cellPadding=1 border=1>
  157. <TR >
  158. <TD rowSpan=2 size=4>&nbsp;No</TD>
  159. <TD colSpan=2>
  160. <CENTER >
  161. <p>Please Enter Your Order Details Here</p>
  162. </CENTER>
  163. <p align="left"><b>2nd Store Name<input type="text" name="T2" size="47"></b></p>
  164. </TD>
  165. </TR>
  166. <TR>
  167. <TD>
  168. <CENTER>
  169. <p>Product</p>
  170. </CENTER></TD>
  171. <TD>
  172. <CENTER>
  173. <p><select size="1" name="D2">
  174. <option selected value="Select">Select</option>
  175. <option value="Manufacturer">Manufacturer</option>
  176. <option value="Size/Topping">Size/Topping</option>
  177. </select></p>
  178. </CENTER></TD>
  179. </TR>
  180. <tbody>
  181. <TR name=row1 >
  182. <TD ><input type="text" name="Sno" size=2 value=1 disabled></TD>
  183. <TD><input type="text" name="Product" size=45></TD>
  184. <TD><input type="text" name="Manufacture" size=45></TD>
  185.  
  186. </TR>
  187. </tbody>
  188. </table>
  189.  
  190.   <p>
  191.  
  192. <input type="button" value="Add A Box For 2nd Store!" onClick="addRow('2nd');">&nbsp; </p>
  193.  
  194.  
  195.   <p>&nbsp;</p>
  196.   <p>&nbsp;</p>
  197.   <p>&nbsp;</p>
  198.   <p>&nbsp;</p>
  199.   <p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
  200. </form>
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post October 13th, 2008, 1:47 pm

I see you're using frontpage here, that does make it more difficult to understand what it is trying to do, seeing as it's not a very clean good web developing tool ...

anyway, please just reply here tomorrow, so I can see it again (the topic) ... I can't focus right now as I need some sleep ...
Let's leave all our *plum* where it is and go live in the jungle ...
  • sheraz79
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Oct 01, 2008
  • Posts: 6
  • Status: Offline

Post October 14th, 2008, 12:10 pm

1. <html>
2.
3. <head>
4. <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
5. <meta name="ProgId" content="FrontPage.Editor.Document">
6. <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
7. <title>dynamic</title>
8. </head>
9.
10. <body>
11. <HEAD>
12.
13. <TITLE>dynamic</TITLE>
14.
15.
16. <script language="javascript">
17.
18. <!--
19. var rownum=1
20.
21. function addRow(el)
22. {
23. targEl=document.getElementById(el);
24. var tbody = targEl.getElementsByTagName("tbody")[1];
25. rownum=Number(targEl.getElementsByTagName('tr')[(targEl.rows.length-1)].getElementsByTagName('td')[0].getElementsByTagName('input')[0].value);
26. rownum+=1;
27. var row = document.createElement("TR");
28.
29.
30. var cell0 = document.createElement("TD");
31. var inp0 = document.createElement("INPUT");
32. inp0.setAttribute("type","text");
33. inp0.setAttribute("name","Sno" + rownum);
34. inp0.setAttribute("size","2");
35. inp0.setAttribute("value", rownum);
36. inp0.setAttribute("disabled", true);
37. cell0.appendChild(inp0);
38.
39.
40. var cell1 = document.createElement("TD");
41. var inp1 = document.createElement("INPUT");
42. inp1.setAttribute("type","text");
43. inp1.setAttribute("name","Product" + rownum);
44. inp1.setAttribute("size","45");
45. inp1.setAttribute("value","");
46. cell1.appendChild(inp1);
47.
48.
49. var cell2 = document.createElement("TD");
50. var inp2 = document.createElement("INPUT");
51. inp2.setAttribute("type","text");
52. inp2.setAttribute("name","Manufacture" + rownum);
53. inp2.setAttribute("size","45");
54. inp2.setAttribute("value","");
55. cell2.appendChild(inp2);
56.
57.
58. row.appendChild(cell0);
59. row.appendChild(cell1);
60. row.appendChild(cell2);
61.
62. tbody.appendChild(row);
63. }
64.
65. function validate(the)
66. {
67. i=document.FORM1.Drop1.value;
68. alert(i);
69. i= document.FORM1.Drop2.value;
70.
71. alert(i)
72.
73. submit();
74.
75.
76. }
77.
78.
79. -->
80.
81.
82.
83.
84. </SCRIPT>
85.
86.
87.
88. </HEAD>
89. <BODY>
90.
91.
92. <P>
93.
94. <form method="POST" action="--WEBBOT-SELF--" onSubmit="location.href='_derived/nortbots.htm';return false;" webbot-onSubmit>
95. <!--webbot bot="SaveResults" u-file="_private/form_results.csv" s-format="TEXT/CSV" s-label-fields="TRUE" s-email-address="" s-email-format="TEXT/PRE" startspan --><strong>[FrontPage Save Results Component]</strong><!--webbot bot="SaveResults" endspan i-checksum="6561" --><p>&nbsp;</p>
96.
97. <p align=center> <b>
98. <U>ABCTOZ</U>
99. </P>
100. <p>
101. &nbsp;</p>
102.
103. <p>
104. &nbsp;</p>
105.
106. <p>
107. &nbsp;</p>
108.
109. <p>
110. <br>
111. <br>
112.
113. </p>
114.
115. <table id="1st" cellSpacing=1 cellPadding=1 border=10>
116. <TR >
117. <TD rowSpan=2 size=4>&nbsp;No</TD>
118. <TD colSpan=2>
119. <CENTER >
120. <p>Please Enter Your Order Details Here </p>
121. </CENTER>
122. <p align="left"><b>1st Store Name</b><input type="text" name="T1" size="47"></p>
123. </TD>
124. </TR>
125. <TR>
126. <TD>
127. <CENTER>
128. <p> <b>
129. Product</b></p>
130. </CENTER></TD>
131. <TD>
132. <CENTER>
133. <p><select size="1" name="D1">
134. <option selected value="Select">Select</option>
135. <option>Manufacturer</option>
136. <option>Size/Topping</option>
137. </select></p>
138. </CENTER></TD>
139. </TR>
140. <tbody>
141. <TR name=row1 >
142. <TD ><input type="text" name="Sno" size=2 value=1 disabled></TD>
143. <TD><input type="text" name="Product" size=45></TD>
144. <TD><input type="text" name="Manufacture" size=45></TD>
145.
146. </TR>
147. </tbody>
148. </table>
149.
150. <p>
151.
152.
153. <input type="button" value="Add A Box For 1st Store!" onClick="addRow('1st');">&nbsp; </p>
154. </b>
155.
156. <table id="2nd" cellSpacing=1 cellPadding=1 border=1>
157. <TR >
158. <TD rowSpan=2 size=4>&nbsp;No</TD>
159. <TD colSpan=2>
160. <CENTER >
161. <p>Please Enter Your Order Details Here</p>
162. </CENTER>
163. <p align="left"><b>2nd Store Name<input type="text" name="T2" size="47"></b></p>
164. </TD>
165. </TR>
166. <TR>
167. <TD>
168. <CENTER>
169. <p>Product</p>
170. </CENTER></TD>
171. <TD>
172. <CENTER>
173. <p><select size="1" name="D2">
174. <option selected value="Select">Select</option>
175. <option value="Manufacturer">Manufacturer</option>
176. <option value="Size/Topping">Size/Topping</option>
177. </select></p>
178. </CENTER></TD>
179. </TR>
180. <tbody>
181. <TR name=row1 >
182. <TD ><input type="text" name="Sno" size=2 value=1 disabled></TD>
183. <TD><input type="text" name="Product" size=45></TD>
184. <TD><input type="text" name="Manufacture" size=45></TD>
185.
186. </TR>
187. </tbody>
188. </table>
189.
190. <p>
191.
192. <input type="button" value="Add A Box For 2nd Store!" onClick="addRow('2nd');">&nbsp; </p>
193.
194.
195. <p>&nbsp;</p>
196. <p>&nbsp;</p>
197. <p>&nbsp;</p>
198. <p>&nbsp;</p>
199. <p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
200. </form>
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post October 14th, 2008, 12:37 pm

okay I haven't done anything about your problem yet, I just sorted out your code real quick, so that it actually looks like a human being created all that and that other people could read it a little easier:
Code: [ Select ]
<html>
<head>
<title>dynamic</title>
<script language="javascript">
<!--
var rownum=1
function addRow(el)
    {
    targEl=document.getElementById(el);
    var tbody = targEl.getElementsByTagName("tbody")[1];
    rownum=Number(targEl.getElementsByTagName('tr')[(targEl.rows.length-1)].getElementsByTagName('td')[0].getElementsByTagName('input')[0].value);
    rownum+=1;
    var row = document.createElement("TR");

    var cell0 = document.createElement("TD");
    var inp0 = document.createElement("INPUT");
    inp0.setAttribute("type","text");
    inp0.setAttribute("name","Sno" + rownum);
    inp0.setAttribute("size","2");
    inp0.setAttribute("value", rownum);
    inp0.setAttribute("disabled", true);
    cell0.appendChild(inp0);

    var cell1 = document.createElement("TD");
    var inp1 = document.createElement("INPUT");
    inp1.setAttribute("type","text");
    inp1.setAttribute("name","Product" + rownum);
    inp1.setAttribute("size","45");
    inp1.setAttribute("value","");
    cell1.appendChild(inp1);

    var cell2 = document.createElement("TD");
    var inp2 = document.createElement("INPUT");
    inp2.setAttribute("type","text");
    inp2.setAttribute("name","Manufacture" + rownum);
    inp2.setAttribute("size","45");
    inp2.setAttribute("value","");
    cell2.appendChild(inp2);

    row.appendChild(cell0);
    row.appendChild(cell1);
    row.appendChild(cell2);

    tbody.appendChild(row);
    }

function validate(the)
    {
    i=document.FORM1.Drop1.value;
    alert(i);
    i= document.FORM1.Drop2.value;
    alert(i)
    submit();
    }
    -->
</script>
</head>
<body>
<form method="POST" action="--WEBBOT-SELF--" onSubmit="location.href='_derived/nortbots.htm';return false;" webbot-onSubmit>
<!--webbot bot="SaveResults" u-file="_private/form_results.csv" s-format="TEXT/CSV" s-label-fields="TRUE" s-email-address="" s-email-format="TEXT/PRE" startspan --><strong>[FrontPage Save Results Component]</strong><!--webbot bot="SaveResults" endspan i-checksum="6561" --><p>&nbsp;</p>
<p align=center><b><u>ABCTOZ</u></b></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><br><br></p>
<table id="1st" cellSpacing=1 cellPadding=1 border=10>
    <tr>
    <td rowSpan='2' style='text-align:center;'>&nbsp;No</td>
    <td colSpan='2' style='text-align:left;'>
     <p>Please Enter Your Order Details Here </p>
     <p align="left"><b>1st Store Name</b><input type="text" name="T1" size="47"></p>
    </td>
    </tr>
    <tr>
    <td style='text-align:center;'>
     <p><b>Product</b></p>
    </td>
    <td style='text-align:center'>
     <p>
     <select size="1" name="D1">
        <option selected value="Select">Select</option>
        <option>Manufacturer</option>
        <option>Size/Topping</option>
     </select></p>
    </td>
    </tr>
    <tbody>
    <tr name=row1 >
     <td><input type="text" name="Sno" size=2 value=1 disabled></td>
     <td><input type="text" name="Product" size=45></td>
     <td><input type="text" name="Manufacture" size=45></td>
    </tr>
    </tbody>
</table>
<p>
    <input type="button" value="Add A Box For 1st Store!" onClick="addRow('1st');">&nbsp;
</p>
<table id="2nd" cellSpacing=1 cellPadding=1 border=1>
    <tr>
    <td rowSpan='2' size='4'>&nbsp;No</TD>
    <td colSpan='2' style='text-align:center'>
     <p>Please Enter Your Order Details Here</p>
     <p align="left"><b>2nd Store Name<input type="text" name="T2" size="47">s</p>
    </td>
    </tr>
    <tr>
    <td style='text-align:center;'>
     <p>Product</p>
    </td>
    <td style='text-align:center;'>
     <p>
     <select size="1" name="D2">
        <option selected value="Select">Select</option>
        <option value="Manufacturer">Manufacturer</option>
        <option value="Size/Topping">Size/Topping</option>
     </select>
     </p>
    </td>
    </tr>
    <tbody>
    <tr name=row1 >
     <td><input type="text" name="Sno" size=2 value=1 disabled></td>
     <td><input type="text" name="Product" size=45></td>
     <td><input type="text" name="Manufacture" size=45></td>
    </tr>
    </tbody>
</table>
<p>
<input type="button" value="Add A Box For 2nd Store!" onClick="addRow('2nd');">&nbsp; </p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
</form>
</body>
</html>
  1. <html>
  2. <head>
  3. <title>dynamic</title>
  4. <script language="javascript">
  5. <!--
  6. var rownum=1
  7. function addRow(el)
  8.     {
  9.     targEl=document.getElementById(el);
  10.     var tbody = targEl.getElementsByTagName("tbody")[1];
  11.     rownum=Number(targEl.getElementsByTagName('tr')[(targEl.rows.length-1)].getElementsByTagName('td')[0].getElementsByTagName('input')[0].value);
  12.     rownum+=1;
  13.     var row = document.createElement("TR");
  15.     var cell0 = document.createElement("TD");
  16.     var inp0 = document.createElement("INPUT");
  17.     inp0.setAttribute("type","text");
  18.     inp0.setAttribute("name","Sno" + rownum);
  19.     inp0.setAttribute("size","2");
  20.     inp0.setAttribute("value", rownum);
  21.     inp0.setAttribute("disabled", true);
  22.     cell0.appendChild(inp0);
  24.     var cell1 = document.createElement("TD");
  25.     var inp1 = document.createElement("INPUT");
  26.     inp1.setAttribute("type","text");
  27.     inp1.setAttribute("name","Product" + rownum);
  28.     inp1.setAttribute("size","45");
  29.     inp1.setAttribute("value","");
  30.     cell1.appendChild(inp1);
  32.     var cell2 = document.createElement("TD");
  33.     var inp2 = document.createElement("INPUT");
  34.     inp2.setAttribute("type","text");
  35.     inp2.setAttribute("name","Manufacture" + rownum);
  36.     inp2.setAttribute("size","45");
  37.     inp2.setAttribute("value","");
  38.     cell2.appendChild(inp2);
  40.     row.appendChild(cell0);
  41.     row.appendChild(cell1);
  42.     row.appendChild(cell2);
  44.     tbody.appendChild(row);
  45.     }
  47. function validate(the)
  48.     {
  49.     i=document.FORM1.Drop1.value;
  50.     alert(i);
  51.     i= document.FORM1.Drop2.value;
  52.     alert(i)
  53.     submit();
  54.     }
  55.     -->
  56. </script>
  57. </head>
  58. <body>
  59. <form method="POST" action="--WEBBOT-SELF--" onSubmit="location.href='_derived/nortbots.htm';return false;" webbot-onSubmit>
  60. <!--webbot bot="SaveResults" u-file="_private/form_results.csv" s-format="TEXT/CSV" s-label-fields="TRUE" s-email-address="" s-email-format="TEXT/PRE" startspan --><strong>[FrontPage Save Results Component]</strong><!--webbot bot="SaveResults" endspan i-checksum="6561" --><p>&nbsp;</p>
  61. <p align=center><b><u>ABCTOZ</u></b></p>
  62. <p>&nbsp;</p>
  63. <p>&nbsp;</p>
  64. <p>&nbsp;</p>
  65. <p><br><br></p>
  66. <table id="1st" cellSpacing=1 cellPadding=1 border=10>
  67.     <tr>
  68.     <td rowSpan='2' style='text-align:center;'>&nbsp;No</td>
  69.     <td colSpan='2' style='text-align:left;'>
  70.      <p>Please Enter Your Order Details Here </p>
  71.      <p align="left"><b>1st Store Name</b><input type="text" name="T1" size="47"></p>
  72.     </td>
  73.     </tr>
  74.     <tr>
  75.     <td style='text-align:center;'>
  76.      <p><b>Product</b></p>
  77.     </td>
  78.     <td style='text-align:center'>
  79.      <p>
  80.      <select size="1" name="D1">
  81.         <option selected value="Select">Select</option>
  82.         <option>Manufacturer</option>
  83.         <option>Size/Topping</option>
  84.      </select></p>
  85.     </td>
  86.     </tr>
  87.     <tbody>
  88.     <tr name=row1 >
  89.      <td><input type="text" name="Sno" size=2 value=1 disabled></td>
  90.      <td><input type="text" name="Product" size=45></td>
  91.      <td><input type="text" name="Manufacture" size=45></td>
  92.     </tr>
  93.     </tbody>
  94. </table>
  95. <p>
  96.     <input type="button" value="Add A Box For 1st Store!" onClick="addRow('1st');">&nbsp;
  97. </p>
  98. <table id="2nd" cellSpacing=1 cellPadding=1 border=1>
  99.     <tr>
  100.     <td rowSpan='2' size='4'>&nbsp;No</TD>
  101.     <td colSpan='2' style='text-align:center'>
  102.      <p>Please Enter Your Order Details Here</p>
  103.      <p align="left"><b>2nd Store Name<input type="text" name="T2" size="47">s</p>
  104.     </td>
  105.     </tr>
  106.     <tr>
  107.     <td style='text-align:center;'>
  108.      <p>Product</p>
  109.     </td>
  110.     <td style='text-align:center;'>
  111.      <p>
  112.      <select size="1" name="D2">
  113.         <option selected value="Select">Select</option>
  114.         <option value="Manufacturer">Manufacturer</option>
  115.         <option value="Size/Topping">Size/Topping</option>
  116.      </select>
  117.      </p>
  118.     </td>
  119.     </tr>
  120.     <tbody>
  121.     <tr name=row1 >
  122.      <td><input type="text" name="Sno" size=2 value=1 disabled></td>
  123.      <td><input type="text" name="Product" size=45></td>
  124.      <td><input type="text" name="Manufacture" size=45></td>
  125.     </tr>
  126.     </tbody>
  127. </table>
  128. <p>
  129. <input type="button" value="Add A Box For 2nd Store!" onClick="addRow('2nd');">&nbsp; </p>
  130. <p>&nbsp;</p>
  131. <p>&nbsp;</p>
  132. <p>&nbsp;</p>
  133. <p>&nbsp;</p>
  134. <p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
  135. </form>
  136. </body>
  137. </html>
Let's leave all our *plum* where it is and go live in the jungle ...
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post October 14th, 2008, 12:43 pm

if you have a look at the "action" part of the form, you see that it is set to "--WEBBOT SELF--" which I don't know what that means ... If your server supports php I can write you a quick script to properly send/submit this form ... do you know if your host supports php?
Let's leave all our *plum* where it is and go live in the jungle ...
  • sheraz79
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Oct 01, 2008
  • Posts: 6
  • Status: Offline

Post October 14th, 2008, 1:17 pm

yes it does.
  • sheraz79
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Oct 01, 2008
  • Posts: 6
  • Status: Offline

Post October 14th, 2008, 1:21 pm

Well when I use form option in front page ,it comes automatically "method=post action= webbot"

because I'm getting all data from this form to an email address. this is why.
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post October 14th, 2008, 1:37 pm

Your Page:
Code: [ Select ]
<html>
<head>
<title>dynamic</title>
<script language="javascript">
<!--
var rownum=1
function addRow(el)
    {
    targEl=document.getElementById(el);
    var tbody = targEl.getElementsByTagName("tbody")[1];
    rownum=Number(targEl.getElementsByTagName('tr')[(targEl.rows.length-1)].getElementsByTagName('td')[0].getElementsByTagName('input')[0].value);
    rownum+=1;
    var row = document.createElement("tr");

    var cell0 = document.createElement("td");
    var inp0 = document.createElement("input");
    inp0.setAttribute("type","text");
    inp0.setAttribute("name","Sno1[]");
    inp0.setAttribute("size","2");
    inp0.setAttribute("value", rownum);
    inp0.setAttribute("disabled", true);
    cell0.appendChild(inp0);

    var cell1 = document.createElement("td");
    var inp1 = document.createElement("input");
    inp1.setAttribute("type","text");
    inp1.setAttribute("name","Product1[]");
    inp1.setAttribute("size","45");
    inp1.setAttribute("value","");
    cell1.appendChild(inp1);

    var cell2 = document.createElement("td");
    var inp2 = document.createElement("input");
    inp2.setAttribute("type","text");
    inp2.setAttribute("name","Manufacture1[]");
    inp2.setAttribute("size","45");
    inp2.setAttribute("value","");
    cell2.appendChild(inp2);

    row.appendChild(cell0);
    row.appendChild(cell1);
    row.appendChild(cell2);

    tbody.appendChild(row);
    }

function validate(the)
    {
    i=document.FORM1.Drop1.value;
    alert(i);
    i= document.FORM1.Drop2.value;
    alert(i)
    submit();
    }
    -->
</script>
</head>
<body>
<form method="POST" action="submit_form.php">
<p align=center><b><u>ABCTOZ</u></b></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><br><br></p>
<table id="1st" cellSpacing=1 cellPadding=1 border=10>
    <tr>
    <td rowSpan='2' style='text-align:center;'>&nbsp;No</td>
    <td colSpan='2' style='text-align:left;'>
     <p>Please Enter Your Order Details Here </p>
     <p align="left"><b>1st Store Name</b><input type="text" name="T1" size="47"></p>
    </td>
    </tr>
    <tr>
    <td style='text-align:center;'>
     <p><b>Product</b></p>
    </td>
    <td style='text-align:center'>
     <p>
     <select size="1" name="D1">
        <option selected value="Select">Select</option>
        <option>Manufacturer</option>
        <option>Size/Topping</option>
     </select></p>
    </td>
    </tr>
    <tbody>
    <tr name=row1 >
     <td><input type="text" name="Sno" size=2 value=1 disabled></td>
     <td><input type="text" name="Product" size=45></td>
     <td><input type="text" name="Manufacture" size=45></td>
    </tr>
    </tbody>
</table>
<p>
    <input type="button" value="Add A Box For 1st Store!" onClick="addRow('1st');">&nbsp;
</p>
<table id="2nd" cellSpacing=1 cellPadding=1 border=1>
    <tr>
    <td rowSpan='2' size='4'>&nbsp;No</TD>
    <td colSpan='2' style='text-align:center'>
     <p>Please Enter Your Order Details Here</p>
     <p align="left"><b>2nd Store Name<input type="text" name="T2" size="47">s</p>
    </td>
    </tr>
    <tr>
    <td style='text-align:center;'>
     <p>Product</p>
    </td>
    <td style='text-align:center;'>
     <p>
     <select size="1" name="D2">
        <option selected value="Select">Select</option>
        <option value="Manufacturer">Manufacturer</option>
        <option value="Size/Topping">Size/Topping</option>
     </select>
     </p>
    </td>
    </tr>
    <tbody>
    <tr name=row1 >
     <td><input type="text" name="Sno" size=2 value=1 disabled></td>
     <td><input type="text" name="Product" size=45></td>
     <td><input type="text" name="Manufacture" size=45></td>
    </tr>
    </tbody>
</table>
<p>
<input type="button" value="Add A Box For 2nd Store!" onClick="addRow('2nd');">&nbsp; </p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
</form>
</body>
</html>
  1. <html>
  2. <head>
  3. <title>dynamic</title>
  4. <script language="javascript">
  5. <!--
  6. var rownum=1
  7. function addRow(el)
  8.     {
  9.     targEl=document.getElementById(el);
  10.     var tbody = targEl.getElementsByTagName("tbody")[1];
  11.     rownum=Number(targEl.getElementsByTagName('tr')[(targEl.rows.length-1)].getElementsByTagName('td')[0].getElementsByTagName('input')[0].value);
  12.     rownum+=1;
  13.     var row = document.createElement("tr");
  15.     var cell0 = document.createElement("td");
  16.     var inp0 = document.createElement("input");
  17.     inp0.setAttribute("type","text");
  18.     inp0.setAttribute("name","Sno1[]");
  19.     inp0.setAttribute("size","2");
  20.     inp0.setAttribute("value", rownum);
  21.     inp0.setAttribute("disabled", true);
  22.     cell0.appendChild(inp0);
  24.     var cell1 = document.createElement("td");
  25.     var inp1 = document.createElement("input");
  26.     inp1.setAttribute("type","text");
  27.     inp1.setAttribute("name","Product1[]");
  28.     inp1.setAttribute("size","45");
  29.     inp1.setAttribute("value","");
  30.     cell1.appendChild(inp1);
  32.     var cell2 = document.createElement("td");
  33.     var inp2 = document.createElement("input");
  34.     inp2.setAttribute("type","text");
  35.     inp2.setAttribute("name","Manufacture1[]");
  36.     inp2.setAttribute("size","45");
  37.     inp2.setAttribute("value","");
  38.     cell2.appendChild(inp2);
  40.     row.appendChild(cell0);
  41.     row.appendChild(cell1);
  42.     row.appendChild(cell2);
  44.     tbody.appendChild(row);
  45.     }
  47. function validate(the)
  48.     {
  49.     i=document.FORM1.Drop1.value;
  50.     alert(i);
  51.     i= document.FORM1.Drop2.value;
  52.     alert(i)
  53.     submit();
  54.     }
  55.     -->
  56. </script>
  57. </head>
  58. <body>
  59. <form method="POST" action="submit_form.php">
  60. <p align=center><b><u>ABCTOZ</u></b></p>
  61. <p>&nbsp;</p>
  62. <p>&nbsp;</p>
  63. <p>&nbsp;</p>
  64. <p><br><br></p>
  65. <table id="1st" cellSpacing=1 cellPadding=1 border=10>
  66.     <tr>
  67.     <td rowSpan='2' style='text-align:center;'>&nbsp;No</td>
  68.     <td colSpan='2' style='text-align:left;'>
  69.      <p>Please Enter Your Order Details Here </p>
  70.      <p align="left"><b>1st Store Name</b><input type="text" name="T1" size="47"></p>
  71.     </td>
  72.     </tr>
  73.     <tr>
  74.     <td style='text-align:center;'>
  75.      <p><b>Product</b></p>
  76.     </td>
  77.     <td style='text-align:center'>
  78.      <p>
  79.      <select size="1" name="D1">
  80.         <option selected value="Select">Select</option>
  81.         <option>Manufacturer</option>
  82.         <option>Size/Topping</option>
  83.      </select></p>
  84.     </td>
  85.     </tr>
  86.     <tbody>
  87.     <tr name=row1 >
  88.      <td><input type="text" name="Sno" size=2 value=1 disabled></td>
  89.      <td><input type="text" name="Product" size=45></td>
  90.      <td><input type="text" name="Manufacture" size=45></td>
  91.     </tr>
  92.     </tbody>
  93. </table>
  94. <p>
  95.     <input type="button" value="Add A Box For 1st Store!" onClick="addRow('1st');">&nbsp;
  96. </p>
  97. <table id="2nd" cellSpacing=1 cellPadding=1 border=1>
  98.     <tr>
  99.     <td rowSpan='2' size='4'>&nbsp;No</TD>
  100.     <td colSpan='2' style='text-align:center'>
  101.      <p>Please Enter Your Order Details Here</p>
  102.      <p align="left"><b>2nd Store Name<input type="text" name="T2" size="47">s</p>
  103.     </td>
  104.     </tr>
  105.     <tr>
  106.     <td style='text-align:center;'>
  107.      <p>Product</p>
  108.     </td>
  109.     <td style='text-align:center;'>
  110.      <p>
  111.      <select size="1" name="D2">
  112.         <option selected value="Select">Select</option>
  113.         <option value="Manufacturer">Manufacturer</option>
  114.         <option value="Size/Topping">Size/Topping</option>
  115.      </select>
  116.      </p>
  117.     </td>
  118.     </tr>
  119.     <tbody>
  120.     <tr name=row1 >
  121.      <td><input type="text" name="Sno" size=2 value=1 disabled></td>
  122.      <td><input type="text" name="Product" size=45></td>
  123.      <td><input type="text" name="Manufacture" size=45></td>
  124.     </tr>
  125.     </tbody>
  126. </table>
  127. <p>
  128. <input type="button" value="Add A Box For 2nd Store!" onClick="addRow('2nd');">&nbsp; </p>
  129. <p>&nbsp;</p>
  130. <p>&nbsp;</p>
  131. <p>&nbsp;</p>
  132. <p>&nbsp;</p>
  133. <p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
  134. </form>
  135. </body>
  136. </html>


submit_form.php
Code: [ Select ]
<?php


//these should be changed

$to = "mail@mail.com";
$from = "mail@mail.com";
$header = "Header Here";

//end - these should be changed


$body = "Sno: " . $_POST['Sno'] . "\n" . "Product: " . $_POST['Product'] . "\n" . "Manufacture: " . $_POST['Manufacture'] . "\n";
for($i=0;$i<count($_POST['Sno1'])){
    $body .= "Sno" . $i . ": " . $_POST['Sno1'][$i] . "\n";
}

for($i=0;$i<count($_POST['Product1'])){
    $body .= "Product" . $i . ": " . $_POST['Product1'][$i] . "\n";
}

for($i=0;$i<count($_POST['Manufacture1'])){
    $body .= "Manufacture" . $i . ": " . $_POST['Manufacture1'][$i] . "\n";
}
mail($to,$header,$body,"From: " . $from);
?>
  1. <?php
  4. //these should be changed
  6. $to = "mail@mail.com";
  7. $from = "mail@mail.com";
  8. $header = "Header Here";
  10. //end - these should be changed
  13. $body = "Sno: " . $_POST['Sno'] . "\n" . "Product: " . $_POST['Product'] . "\n" . "Manufacture: " . $_POST['Manufacture'] . "\n";
  14. for($i=0;$i<count($_POST['Sno1'])){
  15.     $body .= "Sno" . $i . ": " . $_POST['Sno1'][$i] . "\n";
  16. }
  18. for($i=0;$i<count($_POST['Product1'])){
  19.     $body .= "Product" . $i . ": " . $_POST['Product1'][$i] . "\n";
  20. }
  22. for($i=0;$i<count($_POST['Manufacture1'])){
  23.     $body .= "Manufacture" . $i . ": " . $_POST['Manufacture1'][$i] . "\n";
  24. }
  25. mail($to,$header,$body,"From: " . $from);
  26. ?>


That should just about do it ...
Let's leave all our *plum* where it is and go live in the jungle ...
  • sheraz79
  • Newbie
  • Newbie
  • No Avatar
  • Joined: Oct 01, 2008
  • Posts: 6
  • Status: Offline

Post October 14th, 2008, 2:17 pm

Nothing really happen with your script, it is not picking up anything.

Page 1 of 1

Post Information

  • Total Posts in this topic: 11 posts
  • Users browsing this forum: No registered users and 72 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.