473,808 Members | 2,775 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

not defined addInput?

769 Contributor
Hey Everyone,

Well i keep getting the error that addInput is not defined but i can not figure out what is wrong with it. It worked perfectly fine when i was using it to submit data. But now that i am trying to make it display previously entered data it says addInput is not defined. could really use an idea on whats wrong with it because i can't figure it out.

here is what i have

javascript
Expand|Select|Wrap|Line Numbers
  1. <script type="text/javascript">
  2. function addInput(divName){
  3. var dynamic = document.getElementById('dynamicInput');
  4. var thevalue = document.getElementById('theValue');
  5. var count = (document.getElementById('theValue').value -1)+ 2;
  6. thevalue.value = count;
  7. var newdiv = document.createElement('div');
  8. var divIdName = 'dynamic'+count+'Input';
  9. newdiv.setAttribute('id',divIdName);
  10.  
  11. newdiv.innerHTML =
  12. "<table class='zpExpandedTable' id='modeltable'>" +
  13. "<th class='sectiontitletick' colspan='7'>Serial Information "+ count +" </th>" +
  14. "<tr>" +
  15. "<td id='paddingformultitop'>Model No:&nbsp;&nbsp;&nbsp;&nbsp;</td>" +
  16. "</td>" +
  17. "<td>" +
  18.  "<select name='modelno_" + count + "'>" +
  19.  "<option value=''>Make A Selection</option>" +
  20. "<cfoutput query='models'>" + 
  21. "<option value='#model#'<cfif #model# is #model_no#>selected</cfif>>#model#</option>" + 
  22. "</cfoutput>" + 
  23.  "</select>" +
  24.  "</td>" +
  25.  "<td>" +
  26. "&nbsp;&nbsp;&nbsp;&nbsp;Product Type:"  +
  27. "</td>" +
  28. "<td>" +
  29. "<select name='producttype_" + count + "'>" +
  30. "<option value='' selected>No Choice</option>" +
  31. "<cfoutput query='getProdType'>" + 
  32. "<option value='#pk_productType#'<cfif #pk_productType# is #product_type#>selected</cfif>>#pk_productType#</option>" + 
  33. "</cfoutput>" + 
  34. "</select>" +
  35. "</td>" +
  36. "<td class='red'>" +
  37. "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Type Of Hardware Failure*:" +
  38. "</td>" +
  39. "<td>" +
  40. "<select name='hardwarefailure_" + count + "'>" +
  41. "<option value='' selected>Make A Selection</option>" +
  42. "<cfoutput query='getHardwareFail'>" +
  43. "<option value='#pk_hardwareFailure#'<cfif #pk_hardwareFailure# is #type_hardware_failure#>selected</cfif>>#pk_hardwareFailure#</option>" +
  44. "</cfoutput>" +
  45. "</select>" +
  46. "</td>" +
  47. "</tr>" +
  48. "<table>";
  49.  
  50. newdiv.innerHTML = newdiv.innerHTML +
  51. "<table class='zpExpandedTable' id='resoltable' cellpadding='1' cellspacing='0'>" +
  52. "<tr>" +
  53. "<td>" +
  54. "<input type='button' class='removeticket' value='Remove Serial &quot;"+count +"&quot;' onclick=\"removeElement(\'"+divIdName+"\')\"></a>" +
  55. "</td>" +
  56. "</td>" +
  57. "</tr>" +
  58. "</table>";
  59.  document.getElementById(divName).appendChild(newdiv);
  60.  
  61. } 
  62.  
  63. function removeElement(divNum) {
  64.   var d = document.getElementById('dynamicInput');
  65.   var olddiv = document.getElementById(divNum);
  66.   d.removeChild(olddiv);
  67. }
  68. </script>

heres the form
Expand|Select|Wrap|Line Numbers
  1. <body onload="addInput('dynamic');">
  2. <form action="userformedit.cfm" id="userForm"  name="userForm" method="POST" enctype="multipart/form-data" onclick="multipleSelectOnSubmit();">
  3. <input type="hidden" value="0" id="theValue" />
  4.      <div id="dynamicInput">
  5.  
  6.      </div>
  7.      <input type="button" class="addticket" value="Add Serial" onClick="addInput('dynamicInput');" >
  8. <input type="submit" value="submit" name="submit">
  9. </form>
  10. </body>
Thank you in advance,
Rach
Sep 16 '08
19 2572
bonneylake
769 Contributor
Hey Acoder,

I went with your second way an it works. But i do have another question.For some reason when it displays. if i have multiple serial numbers. Instead of it displaying one table for one ticket an another table for another ticket. It instead puts all the tickets in one table. How could i make them go into separate tables?

Like for example
how it appears
serial information one

serial: 111 serial: 222

like for it to appear

serial information one
serial: 111

serial information two
serial: 222

i was thinking of a loop but now sure if i need to use a javascript loop or coldfusion loop.

Here is what i have.

Expand|Select|Wrap|Line Numbers
  1. <script type="text/javascript">
  2.  
  3. <!---Allows us to show previous fields --->
  4.  
  5. function showInput(divName){
  6. var dynamic = document.getElementById('dynamicInput');
  7. var thevalue = document.getElementById('theValue');
  8. var count = (document.getElementById('theValue').value -1)+ 2;
  9. thevalue.value = count;
  10. var newdiv = document.createElement('div');
  11. var divIdName = 'dynamic'+count+'Input';
  12. newdiv.setAttribute('id',divIdName);
  13.  
  14.  
  15. <!--- Adds Extra fields for Model No, Product Type, and Type of Hardware Failure  --->
  16. newdiv.innerHTML =
  17.  
  18. "<table class='zpExpandedTable' id='modeltable'>" +
  19. "<th class='sectiontitletick' colspan='7'>Serial Information "+ count +" </th>" +
  20. "<tr>" +
  21. "<td id='paddingformultitop'>Model No:&nbsp;&nbsp;&nbsp;&nbsp;</td>" +
  22. "</td>" +
  23. "<td>" +
  24.  "<select name='modelno_" + count + "'>" +
  25.  "<option value=''>Make A Selection</option>" +
  26. "<cfoutput query='models'>" + 
  27. "<option value='#model#'<cfif #model# is #model_no#>selected</cfif>>#model#</option>" + 
  28. "</cfoutput>" + 
  29.  "</select>" +
  30.  "</td>" +
  31.  "<td>" +
  32. "&nbsp;&nbsp;&nbsp;&nbsp;Product Type:"  +
  33. "</td>" +
  34. "<td>" +
  35. "<select name='producttype_" + count + "'>" +
  36. "<option value='' selected>No Choice</option>" +
  37. "<cfoutput query='getProdType'>" + 
  38. "<option value='#pk_productType#'<cfif #pk_productType# is #product_type#>selected</cfif>>#pk_productType#</option>" + 
  39. "</cfoutput>" + 
  40. "</select>" +
  41. "</td>" +
  42. "<td class='red'>" +
  43. "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Type Of Hardware Failure*:" +
  44. "</td>" +
  45. "<td>" +
  46. "<select name='hardwarefailure_" + count + "'>" +
  47. "<option value='' selected>Make A Selection</option>" +
  48. "<cfoutput query='getHardwareFail'>" +
  49. "<option value='#pk_hardwareFailure#'<cfif #pk_hardwareFailure# is #type_hardware_failure#>selected</cfif>>#pk_hardwareFailure#</option>" +
  50. "</cfoutput>" +
  51. "</select>" +
  52. "</td>" +
  53. "</tr>" +
  54. "<table>";
  55.  
  56. <!--- Adds Extra fields for Serial Number and Software/Hardware  --->
  57. newdiv.innerHTML = newdiv.innerHTML +
  58. "<table class='zpExpandedTable' id='modeltable'>" +
  59. "<tr>" +
  60. "<td id='paddingformultitop'>" +
  61. "Serial Number:&nbsp;&nbsp;" +
  62. "<cfoutput query="serial"><input type='text' name='serialnum_" + count + "' value='#pka_serialNo#' ></cfoutput>" +
  63. "&nbsp;&nbsp;&nbsp;&nbsp;Software/Hardware:&nbsp;&nbsp;" +
  64. "<select name='softhardware_" + count + "'>" +
  65. "<option value='' selected>No Choice</option>" +
  66. "<cfoutput query='getSoftHard'>" + 
  67. "<option value='#pk_softwareHardware#'<cfif #pk_softwareHardware# is #software_hardware#>selected</cfif>>#pk_softwareHardware#</option>" + 
  68. "</cfoutput>" + 
  69. "</select>" +
  70. "</td>" +
  71. "</tr>" +
  72. "</table>";
  73.  
  74. <!--- Adds Extra fields for Description ---> 
  75. newdiv.innerHTML = newdiv.innerHTML + 
  76. "<table class='zpExpandedTable' id='resoltable' cellpadding='3' cellspacing='0'>" +
  77. "<tr>" +
  78. "<td id='paddingformutli'>" +
  79. "Description:&nbsp;&nbsp;" + 
  80. "</td>" +
  81. "<td class='descriptionmoveinmulti'>" +
  82. "( You may enter up to 500 characters. )"+
  83. "<br>" +
  84. "<cfoutput query="description"><textarea maxlength='500' onkeyup='return ismaxlength(this)' onkeydown='return ismaxlength(this)'rows='4' cols='60' name='thedescription_" + count + "'>#description#</textarea></cfoutput>" + 
  85. "</td>" +
  86. "</tr>" +
  87. "</table>";
  88.  
  89. <!--- Adds Extra fields for Resolution  --->
  90. newdiv.innerHTML = newdiv.innerHTML +
  91. "<table class='zpExpandedTable' id='resoltable' cellpadding='1' cellspacing='0'>" +
  92. "<tr>" +
  93. "<td id='paddingformutli'>" +
  94. "Resolution:&nbsp;&nbsp;" +
  95. "</td>" +
  96. "<td class='resolutionmoveinmulti'>" +
  97. "( You may enter up to 500 characters. )"+
  98. "<br>" +
  99. "<cfoutput query='serial'><textarea  maxlength='500' onkeyup='return ismaxlength(this)' onkeydown='return ismaxlength(this)' rows='4' cols='60' name='resolution_" + count + "'>#resolution#</textarea></cfoutput>" +
  100. "</td>" +
  101. "</tr>" +
  102. "</table>";
  103.  
  104. <!--- Adds Extra fields for Resolution Date, Current Date (for resolution date) and resolution vertified as effective by  --->
  105. newdiv.innerHTML = newdiv.innerHTML +
  106. "<table class='zpExpandedTable' id='resoldatetab' cellpadding='1' cellspacing='0'>" +
  107. "<tr>" +
  108. "<td id='paddingformultitop'>" +
  109. "Resolution Date:&nbsp;(MM/DD/YYYY)&nbsp;&nbsp;" +
  110. "</td>" +
  111. "<td>" +
  112. "<cfoutput query='serial'><input type='text' name='resdate_" + count + "' value='#resolution_date#'>&nbsp;&nbsp;</cfoutput>" +
  113.  
  114. "&nbsp;&nbsp;&nbsp;&nbsp;Current Date:&nbsp;&nbsp;" +
  115. "<input type='checkbox' name='currentdateresol_" + count + "' onClick=resdate_" + count + ".value=fill_date()>" +
  116. "</td>" +
  117. "<td>" +
  118. "Resolution Verified as effective by:&nbsp;&nbsp;"  +
  119. "</td>" +
  120. "<td>" +
  121. "<select name='resvertified_" + count + "'>" +
  122. "<option value='' selected>Make A Selection</option>" +
  123. "<cfoutput query='gettech'>" +
  124. "<option value='#fname# #lname#'<cfif '#fname# #lname#' is #resolution_verified_by#>selected</cfif>>#fname# #lname#</option>" +
  125. " </cfoutput>" +
  126. "</select>" +
  127. "</td>" +
  128. "</tr>" +
  129. "</table>";
  130.  
  131. <!--- Adds Extra fields for Vertification Date, Current Date (for vertification date)   --->
  132. newdiv.innerHTML = newdiv.innerHTML +
  133. "<table class='zpExpandedTable' id='resoltable' cellpadding='1' cellspacing='0'>" +
  134. "<tr>" +
  135. "<td id='paddingformultitop'>" +
  136. "Verification Date:&nbsp;(MM/DD/YYYY)&nbsp;&nbsp;" +
  137. "</td>" +
  138. "<td class='vertificationmoveinmulti'>" +
  139. "<cfoutput query='serial'><input type='text' name='vertifidate_" + count + "' value='#verification_date#'>&nbsp;&nbsp;</cfoutput>" +
  140. "&nbsp;&nbsp;&nbsp;&nbsp;Current Date:&nbsp;&nbsp;" +
  141. "<input type='checkbox' name='currentdatevert_" + count + "' onClick=vertifidate_" + count + ".value=fill_date()>" +
  142. "</td>" +
  143. "</tr>" +
  144. "</table>";
  145.  
  146. <!--- Adds Extra fields for Dept/Vendor Responsibility  --->
  147. newdiv.innerHTML = newdiv.innerHTML +
  148. "<table class='zpExpandedTable' id='resoltable' cellpadding='1' cellspacing='0'>" +
  149. "<tr>" +
  150. "<td class='red' id='paddingformultitop'>" +
  151. "Dept/Vendor Responsibility*:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"  +
  152. "<select name='deptvendor_" + count + "'>" +
  153. "<option value='' selected>Make A Selection</option>" +
  154. "<cfoutput query='getDeptVendor'>" +
  155. "<option value='#pk_deptVendor#'<cfif #pk_deptVendor# is #dept_responsibility#>selected</cfif>>#pk_deptVendor#</option>" +
  156. " </cfoutput>" +
  157. "</select>" +
  158. "</td>" +
  159. "</tr>" +
  160. "</table>";
  161.  
  162. <!--- Adds Extra fields for RMA Data Only  --->
  163. newdiv.innerHTML = newdiv.innerHTML +
  164. "<table class='zpExpandedTable' id='resoltable' cellpadding='1' cellspacing='0'>" +
  165. "<tr>" +
  166. "<td id='paddingformultitop'>" +
  167. "RMA Data Only:&nbsp;&nbsp;&nbsp;&nbsp;" +
  168. "</td>" +
  169. "<td class='rmanmoveinmulti'>" +
  170. "( You may enter up to 500 characters. )"+
  171. "<br/>" +
  172. "<cfoutput query='serial'><textarea maxlength='500' onkeyup='return ismaxlength(this)' onkeydown='return ismaxlength(this)' rows='4' cols='60' name='rma_" + count + "' >#rma_data#</textarea></cfoutput> " +
  173. "</td>" +
  174. "</tr>" +
  175. "</table>" +
  176. "<input type='hidden' name='serialcount' value='" + count + "'>";
  177.  
  178. <!--- Adds Delete to every ticket  --->
  179. newdiv.innerHTML = newdiv.innerHTML +
  180. "<table class='zpExpandedTable' id='resoltable' cellpadding='1' cellspacing='0'>" +
  181. "<tr>" +
  182. "<td>" +
  183. "<input type='button' class='removeticket' value='Remove Serial &quot;"+count +"&quot;' onclick=\"removeElement(\'"+divIdName+"\')\"></a>" +
  184. "</td>" +
  185. "</td>" +
  186. "</tr>" +
  187. "</table>";
  188.  
  189.  document.getElementById(divName).appendChild(newdiv);
  190.  
  191. } 
  192.  
  193.  <!---Allows us to add serial information multiple times --->
  194. function addInput(divName){
  195. var dynamic = document.getElementById('dynamicInput');
  196. var thevalue = document.getElementById('theValue');
  197. var count = (document.getElementById('theValue').value -1)+ 2;
  198. thevalue.value = count;
  199. var newdiv = document.createElement('div');
  200. var divIdName = 'dynamic'+count+'Input';
  201. newdiv.setAttribute('id',divIdName);
  202.  
  203. <!--- Adds Extra fields for Model No, Product Type, and Type of Hardware Failure  --->
  204. newdiv.innerHTML =
  205. "<table class='zpExpandedTable' id='modeltable'>" +
  206. "<th class='sectiontitletick' colspan='7'>Serial Information "+ count +" </th>" +
  207. "<tr>" +
  208. "<td id='paddingformultitop'>Model No:&nbsp;&nbsp;&nbsp;&nbsp;</td>" +
  209. "</td>" +
  210. "<td>" +
  211.  "<select name='modelno_" + count + "' >" +
  212.  "<option value=''>Make A Selection</option>" +
  213. "<cfoutput query='models'>" + 
  214. "<option value='#model#'>#model#</option>" + 
  215. "</cfoutput>" + 
  216.  "</select>" +
  217.  "</td>" +
  218.  "<td>" +
  219. "&nbsp;&nbsp;&nbsp;&nbsp;Product Type:"  +
  220. "</td>" +
  221. "<td>" +
  222. "<select name='producttype_" + count + "'>" +
  223. "<option value='' selected>No Choice</option>" +
  224. "<cfoutput query='getProdType'>" + 
  225. "<option value='#pk_productType#'>#pk_productType#</option>" + 
  226. "</cfoutput>" + 
  227. "</select>" +
  228. "</td>" +
  229. "<td class='red'>" +
  230. "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Type Of Hardware Failure*:" +
  231. "</td>" +
  232. "<td>" +
  233. "<select name='hardwarefailure_" + count + "'>" +
  234. "<option value='' selected>Make A Selection</option>" +
  235. "<cfoutput query='getHardwareFail'>" +
  236. "<option value='#pk_hardwareFailure#'>#pk_hardwareFailure#</option>" +
  237. "</cfoutput>" +
  238. "</select>" +
  239. "</td>" +
  240. "</tr>" +
  241. "<table>";
  242.  
  243. <!--- Adds Extra fields for Serial Number and Software/Hardware  --->
  244. newdiv.innerHTML = newdiv.innerHTML +
  245. "<table class='zpExpandedTable' id='modeltable'>" +
  246. "<tr>" +
  247. "<td id='paddingformultitop'>" +
  248. "Serial Number:&nbsp;&nbsp;" +
  249. "<input type='text' name='serialnum_" + count + "'>" +
  250. "&nbsp;&nbsp;&nbsp;&nbsp;Software/Hardware:&nbsp;&nbsp;" +
  251. "<select name='softhardware_" + count + "'>" +
  252. "<option value='' selected>No Choice</option>" +
  253. "<cfoutput query='getSoftHard'>" + 
  254. "<option value='#pk_softwareHardware#'>#pk_softwareHardware#</option>" + 
  255. "</cfoutput>" + 
  256. "</select>" +
  257. "</td>" +
  258. "</tr>" +
  259. "</table>";
  260.  
  261. <!--- Adds Extra fields for Description  --->
  262. newdiv.innerHTML = newdiv.innerHTML + 
  263. "<table class='zpExpandedTable' id='resoltable' cellpadding='3' cellspacing='0'>" +
  264. "<tr>" +
  265. "<td id='paddingformutli'>" +
  266. "Description:&nbsp;&nbsp;" + 
  267. "</td>" +
  268. "<td class='descriptionmoveinmulti'>" +
  269. "( You may enter up to 500 characters. )"+
  270. "<br>" +
  271. "<textarea maxlength='500' onkeyup='return ismaxlength(this)' onkeydown='return ismaxlength(this)'rows='4' cols='60' name='thedescription_" + count + "'></textarea>" + 
  272. "</td>" +
  273. "</tr>" +
  274. "</table>";
  275.  
  276. <!--- Adds Extra fields for Resolution  --->
  277. newdiv.innerHTML = newdiv.innerHTML +
  278. "<table class='zpExpandedTable' id='resoltable' cellpadding='1' cellspacing='0'>" +
  279. "<tr>" +
  280. "<td id='paddingformutli'>" +
  281. "Resolution:&nbsp;&nbsp;" +
  282. "</td>" +
  283. "<td class='resolutionmoveinmulti'>" +
  284. "( You may enter up to 500 characters. )"+
  285. "<br>" +
  286. "<textarea  maxlength='500' onkeyup='return ismaxlength(this)' onkeydown='return ismaxlength(this)' rows='4' cols='60' name='resolution_" + count + "'></textarea>" +
  287. "</td>" +
  288. "</tr>" +
  289. "</table>";
  290.  
  291. <!--- Adds Extra fields for Resolution Date, Current Date (for resolution date) and resolution vertified as effective by  --->
  292. newdiv.innerHTML = newdiv.innerHTML +
  293. "<table class='zpExpandedTable' id='resoldatetab' cellpadding='1' cellspacing='0'>" +
  294. "<tr>" +
  295. "<td id='paddingformultitop'>" +
  296. "Resolution Date:&nbsp;(MM/DD/YYYY)&nbsp;&nbsp;" +
  297. "</td>" +
  298. "<td>" +
  299. "<input type='text' name='resdate_" + count + "' value=''  >&nbsp;&nbsp;" +
  300.  
  301. "&nbsp;&nbsp;&nbsp;&nbsp;Current Date:&nbsp;&nbsp;" +
  302. "<input type='checkbox' name='currentdateresol_" + count + "' onClick=resdate_" + count + ".value=fill_date()>" +
  303. "</td>" +
  304. "<td>" +
  305.  
  306. "Resolution Verified as effective by:&nbsp;&nbsp;"  +
  307. "</td>" +
  308. "<td>" +
  309. "<select name='resvertified_" + count + "'>" +
  310. "<option value='' selected>Make A Selection</option>" +
  311. "<cfoutput query='gettech'>" +
  312. "<option value='#fname# #lname#'>#fname# #lname#</option>" +
  313. " </cfoutput>" +
  314. "</select>" +
  315. "</td>" +
  316. "</tr>" +
  317. "</table>";
  318.  
  319. <!--- Adds Extra fields for Vertification Date, Current Date (for vertification date) and resolution vertified as effective by  --->
  320. newdiv.innerHTML = newdiv.innerHTML +
  321. "<table class='zpExpandedTable' id='resoltable' cellpadding='1' cellspacing='0'>" +
  322. "<tr>" +
  323. "<td id='paddingformultitop'>" +
  324. "Verification Date:&nbsp;(MM/DD/YYYY)&nbsp;&nbsp;" +
  325. "</td>" +
  326. "<td class='vertificationmoveinmulti'>" +
  327. "<input type='text' name='vertifidate_" + count + "'>&nbsp;&nbsp;" +
  328. "&nbsp;&nbsp;&nbsp;&nbsp;Current Date:&nbsp;&nbsp;" +
  329. "<input type='checkbox' name='currentdatevert_" + count + "' onClick=vertifidate_" + count + ".value=fill_date()>" +
  330. "</td>" +
  331. "</tr>" +
  332. "</table>";
  333.  
  334. <!--- Adds Extra fields for Dept/Vendor Responsibility  --->
  335. newdiv.innerHTML = newdiv.innerHTML +
  336. "<table class='zpExpandedTable' id='resoltable' cellpadding='1' cellspacing='0'>" +
  337. "<tr>" +
  338. "<td class='red' id='paddingformultitop'>" +
  339. "Dept/Vendor Responsibility*:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"  +
  340. "<select name='deptvendor_" + count + "'>" +
  341. "<option value='' selected>Make A Selection</option>" +
  342. "<cfoutput query='getDeptVendor'>" +
  343. "<option value='#pk_deptVendor#'>#pk_deptVendor#</option>" +
  344. " </cfoutput>" +
  345. "</select>" +
  346. "</td>" +
  347. "</tr>" +
  348. "</table>";
  349.  
  350. <!--- Adds Extra fields for RMA Data Only  --->
  351. newdiv.innerHTML = newdiv.innerHTML +
  352. "<table class='zpExpandedTable' id='resoltable' cellpadding='1' cellspacing='0'>" +
  353. "<tr>" +
  354. "<td id='paddingformultitop'>" +
  355. "RMA Data Only:&nbsp;&nbsp;&nbsp;&nbsp;" +
  356. "</td>" +
  357. "<td class='rmanmoveinmulti'>" +
  358. "( You may enter up to 500 characters. )"+
  359. "<br/>" +
  360. "<textarea maxlength='500' onkeyup='return ismaxlength(this)' onkeydown='return ismaxlength(this)' rows='4' cols='60' name='rma_" + count + "'></textarea> " +
  361. "</td>" +
  362. "</tr>" +
  363. "</table>" +
  364. "<input type='hidden' name='serialcount' value='" + count + "'>";
  365.  
  366. <!--- Adds Delete to every ticket  --->
  367. newdiv.innerHTML = newdiv.innerHTML +
  368. "<table class='zpExpandedTable' id='resoltable' cellpadding='1' cellspacing='0'>" +
  369. "<tr>" +
  370. "<td>" +
  371. "<input type='button' class='removeticket' value='Remove Serial &quot;"+count +"&quot;' onclick=\"removeElement(\'"+divIdName+"\')\"></a>" +
  372. "</td>" +
  373. "</td>" +
  374. "</tr>" +
  375. "</table>";
  376.  
  377. document.getElementById(divName).appendChild(newdiv);
  378. } 
  379.  
  380.  
  381. <!---Allows us to remove multiple fields --->
  382. function removeElement(divNum) {
  383.   var d = document.getElementById('dynamicInput');
  384.   var olddiv = document.getElementById(divNum);
  385.   d.removeChild(olddiv);
  386. }
  387.  
  388. </script>
  389. <body onload="showInput('dynamicInput');">
  390. <form>
  391. <input type="hidden" value="0" id="theValue" />
  392.      <div id="dynamicInput">
  393.      <!--- All Ticket Information Appears Here--->
  394.  
  395.      </div>
  396.      <input type="button" class="addticket" value="Add Serial" onClick="addInput('dynamicInput');" >
  397. </form>
  398. </body>
Thank you :),
Rach
Sep 18 '08 #11
acoder
16,027 Recognized Expert Moderator MVP
Just add a <br> tag in between.

I notice that you're using a separate table for each and every field. It'd make more sense to have one table per ticket.
Sep 18 '08 #12
bonneylake
769 Contributor
Just add a <br> tag in between.

I notice that you're using a separate table for each and every field. It'd make more sense to have one table per ticket.
Hey Acoder,

yes you are right it does make more sense to use one table. An i tried to do it that way but i ended up running into lots of trouble which is why it ended up the way it is.

I tried the <br> tag but it don't work. What i am trying to do is right now every ticket i ever added appears like this

serial information 1

serial: 1 serial: 2 modenol:4 modelno: 5

but it needs to appear like this

serial information 1
serial: 1 modelno:4

serial information 2
serial: 2 modelno: 5

its kinda hard to explain so i took a picture of it. http://img145.imageshack.us/my.php?image=page1ie1.jpg

Thank you for all the help :),
Rach
Sep 18 '08 #13
acoder
16,027 Recognized Expert Moderator MVP
Use a <tr> element to create a new row, so you'll have to move things around. Instead of putting them next to each other using <td> cells, use rows.
Sep 18 '08 #14
bonneylake
769 Contributor
Use a <tr> element to create a new row, so you'll have to move things around. Instead of putting them next to each other using <td> cells, use rows.
Hey Acoder

i can not see how putting all the elements in rows will make everything appear in separate tables.If i change each td to tr it will make it look like this

model no
serial no

instead of what i need to look like which is this model no serial no

but i am just confused on how changing the td's to tr's will make that big of a difference if you could please explain it i might understand better on how to go about this.

here is an example of how i am trying to make it show previously entered tickets.

http://img178.imageshack.us/my.php?image=appearda5.jpg

Thank you for all the help :),
Rach
Sep 19 '08 #15
bonneylake
769 Contributor
Hey Acoder,

If i change all the td's to tr's wont it just make each field appear in a line like

model no
serial no

what i am trying to do is right now all the serials that i added appear under
serial information 1. an i am trying to make it where the first serial number is under serial information 1 and the second serial is under serial information 2. Is there anyway to make it show all serials that have been added on load in there own sections like serial number 1 and serial number 2 instead of all serials that been added appear on serial information 1?

Thank you again for all the help :),
Rach
Sep 20 '08 #16
acoder
16,027 Recognized Expert Moderator MVP
Now I think I'm beginning to understand what the problem is.

I assume you're using some Coldfusion code to loop over the previous tickets to display them. You can add a table header "Serial Information " based on the count which would increment on each loop iteration.
Sep 22 '08 #17
bonneylake
769 Contributor
Now I think I'm beginning to understand what the problem is.

I assume you're using some Coldfusion code to loop over the previous tickets to display them. You can add a table header "Serial Information " based on the count which would increment on each loop iteration.
Hey Acoder,

Right now i am not using a loop, i am just having it output the results. Was thinking i needed a loop but not sure how to apply a loop for this particular situation, would i apply it to the following since i use this to output the results?

Expand|Select|Wrap|Line Numbers
  1. <cfquery name="serial" datasource="CustomerSupport">
  2.         SELECT pka_serialNo,pkb_fk_ticketNo,model_no,product_type,software_hardware,
  3. resolution,resolution_date,verification_date
  4. ,rma_data,type_hardware_failure,dept_responsibility,resolution_verified_by FROM dbo.tbl_CS_serial
  5. </cfquery>
or would i do something to the following below to make it loop?

Expand|Select|Wrap|Line Numbers
  1. <cfoutput query="serial">
  2. <cfset model_no = #model_no#>
  3. <cfset product_type = #product_type#>
  4. <cfset type_hardware_failure = #type_hardware_failure#>
  5. <cfset software_hardware = #software_hardware#>
  6. <cfset resolution_verified_by = #resolution_verified_by#>
  7. <cfset dept_responsibility = #dept_responsibility#>
  8. </cfoutput>
  9.  
  10. <script type="text/javascript">
  11.  
  12. <!---Allows us to show previous fields --->
  13.  
  14. function showInput(divName){
  15. var dynamic = document.getElementById('dynamicInput');
  16. var thevalue = document.getElementById('theValue');
  17. var count = (document.getElementById('theValue').value -1)+ 2;
  18. thevalue.value = count;
  19. var newdiv = document.createElement('div');
  20. var divIdName = 'dynamic'+count+'Input';
  21. newdiv.setAttribute('id',divIdName);
  22.  
  23.  
  24. <!--- Adds Extra fields for Model No, Product Type, and Type of Hardware Failure  --->
  25. newdiv.innerHTML =
  26.  
  27. "<table class='zpExpandedTable' id='modeltable'>" +
  28. "<th class='sectiontitletick' colspan='7'>Serial Information "+ count +" </th>" +
  29. "<tr>" +
  30. "<td id='paddingformultitop'>Model No:&nbsp;&nbsp;&nbsp;&nbsp;</td>" +
  31. "</td>" +
  32. "<td>" +
  33.  "<select name='modelno_" + count + "'>" +
  34.  "<option value=''>Make A Selection</option>" +
  35. "<cfoutput query='models'>" + 
  36. "<option value='#model#'<cfif #model# is #model_no#>selected</cfif>>#model#</option>" + 
  37. "</cfoutput>" + 
  38.  "</select>" +
  39.  "</td>" +
  40.  "<td>" +
  41. "&nbsp;&nbsp;&nbsp;&nbsp;Product Type:"  +
  42. "</td>" +
  43. "<td>" +
  44. "<select name='producttype_" + count + "'>" +
  45. "<option value='' selected>No Choice</option>" +
  46. "<cfoutput query='getProdType'>" + 
  47. "<option value='#pk_productType#'<cfif #pk_productType# is #product_type#>selected</cfif>>#pk_productType#</option>" + 
  48. "</cfoutput>" + 
  49. "</select>" +
  50. "</td>" +
  51. "<td class='red'>" +
  52. "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Type Of Hardware Failure*:" +
  53. "</td>" +
  54. "<td>" +
  55. "<select name='hardwarefailure_" + count + "'>" +
  56. "<option value='' selected>Make A Selection</option>" +
  57. "<cfoutput query='getHardwareFail'>" +
  58. "<option value='#pk_hardwareFailure#'<cfif #pk_hardwareFailure# is #type_hardware_failure#>selected</cfif>>#pk_hardwareFailure#</option>" +
  59. "</cfoutput>" +
  60. "</select>" +
  61. "</td>" +
  62. "</tr>" +
  63. "<table>";
  64.  
  65. <!--- Adds Extra fields for Serial Number and Software/Hardware  --->
  66. newdiv.innerHTML = newdiv.innerHTML +
  67. "<table class='zpExpandedTable' id='modeltable'>" +
  68. "<tr>" +
  69. "<td id='paddingformultitop'>" +
  70. "Serial Number:&nbsp;&nbsp;" +
  71. "<cfoutput query="serial"><input type='text' name='serialnum_" + count + "' value='#pka_serialNo#' ></cfoutput>" +
  72. "&nbsp;&nbsp;&nbsp;&nbsp;Software/Hardware:&nbsp;&nbsp;" +
  73. "<select name='softhardware_" + count + "'>" +
  74. "<option value='' selected>No Choice</option>" +
  75. "<cfoutput query='getSoftHard'>" + 
  76. "<option value='#pk_softwareHardware#'<cfif #pk_softwareHardware# is #software_hardware#>selected</cfif>>#pk_softwareHardware#</option>" + 
  77. "</cfoutput>" + 
  78. "</select>" +
  79. "</td>" +
  80. "</tr>" +
  81. "</table>";
  82.  
  83. <!--- Adds Extra fields for Description ---> 
  84. newdiv.innerHTML = newdiv.innerHTML + 
  85. "<table class='zpExpandedTable' id='resoltable' cellpadding='3' cellspacing='0'>" +
  86. "<tr>" +
  87. "<td id='paddingformutli'>" +
  88. "Description:&nbsp;&nbsp;" + 
  89. "</td>" +
  90. "<td class='descriptionmoveinmulti'>" +
  91. "( You may enter up to 500 characters. )"+
  92. "<br>" +
  93. "<cfoutput query="description"><textarea maxlength='500' onkeyup='return ismaxlength(this)' onkeydown='return ismaxlength(this)'rows='4' cols='60' name='thedescription_" + count + "'>#description#</textarea></cfoutput>" + 
  94. "</td>" +
  95. "</tr>" +
  96. "</table>";
  97.  
  98. <!--- Adds Extra fields for Resolution  --->
  99. newdiv.innerHTML = newdiv.innerHTML +
  100. "<table class='zpExpandedTable' id='resoltable' cellpadding='1' cellspacing='0'>" +
  101. "<tr>" +
  102. "<td id='paddingformutli'>" +
  103. "Resolution:&nbsp;&nbsp;" +
  104. "</td>" +
  105. "<td class='resolutionmoveinmulti'>" +
  106. "( You may enter up to 500 characters. )"+
  107. "<br>" +
  108. "<cfoutput query='serial'><textarea  maxlength='500' onkeyup='return ismaxlength(this)' onkeydown='return ismaxlength(this)' rows='4' cols='60' name='resolution_" + count + "'>#resolution#</textarea></cfoutput>" +
  109. "</td>" +
  110. "</tr>" +
  111. "</table>";
  112.  
  113. <!--- Adds Extra fields for Resolution Date, Current Date (for resolution date) and resolution vertified as effective by  --->
  114. newdiv.innerHTML = newdiv.innerHTML +
  115. "<table class='zpExpandedTable' id='resoldatetab' cellpadding='1' cellspacing='0'>" +
  116. "<tr>" +
  117. "<td id='paddingformultitop'>" +
  118. "Resolution Date:&nbsp;(MM/DD/YYYY)&nbsp;&nbsp;" +
  119. "</td>" +
  120. "<td>" +
  121. "<cfoutput query='serial'><input type='text' name='resdate_" + count + "' value='#resolution_date#'>&nbsp;&nbsp;</cfoutput>" +
  122.  
  123. "&nbsp;&nbsp;&nbsp;&nbsp;Current Date:&nbsp;&nbsp;" +
  124. "<input type='checkbox' name='currentdateresol_" + count + "' onClick=resdate_" + count + ".value=fill_date()>" +
  125. "</td>" +
  126. "<td>" +
  127. "Resolution Verified as effective by:&nbsp;&nbsp;"  +
  128. "</td>" +
  129. "<td>" +
  130. "<select name='resvertified_" + count + "'>" +
  131. "<option value='' selected>Make A Selection</option>" +
  132. "<cfoutput query='gettech'>" +
  133. "<option value='#fname# #lname#'<cfif "#fname# #lname#" is #resolution_verified_by#>selected</cfif>>#fname# #lname#</option>" +
  134. " </cfoutput>" +
  135. "</select>" +
  136. "</td>" +
  137. "</tr>" +
  138. "</table>";
  139.  
  140.  
  141. <!--- Adds Extra fields for Vertification Date, Current Date (for vertification date)   --->
  142. newdiv.innerHTML = newdiv.innerHTML +
  143. "<table class='zpExpandedTable' id='resoltable' cellpadding='1' cellspacing='0'>" +
  144. "<tr>" +
  145. "<td id='paddingformultitop'>" +
  146. "Verification Date:&nbsp;(MM/DD/YYYY)&nbsp;&nbsp;" +
  147. "</td>" +
  148. "<td class='vertificationmoveinmulti'>" +
  149. "<cfoutput query='serial'><input type='text' name='vertifidate_" + count + "' value='#verification_date#'>&nbsp;&nbsp;</cfoutput>" +
  150. "&nbsp;&nbsp;&nbsp;&nbsp;Current Date:&nbsp;&nbsp;" +
  151. "<input type='checkbox' name='currentdatevert_" + count + "' onClick=vertifidate_" + count + ".value=fill_date()>" +
  152. "</td>" +
  153. "</tr>" +
  154. "</table>";
  155.  
  156. <!--- Adds Extra fields for Dept/Vendor Responsibility  --->
  157. newdiv.innerHTML = newdiv.innerHTML +
  158. "<table class='zpExpandedTable' id='resoltable' cellpadding='1' cellspacing='0'>" +
  159. "<tr>" +
  160. "<td class='red' id='paddingformultitop'>" +
  161. "Dept/Vendor Responsibility*:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"  +
  162. "<select name='deptvendor_" + count + "'>" +
  163. "<option value='' selected>Make A Selection</option>" +
  164. "<cfoutput query='getDeptVendor'>" +
  165. "<option value='#pk_deptVendor#'<cfif #pk_deptVendor# is #dept_responsibility#>selected</cfif>>#pk_deptVendor#</option>" +
  166. " </cfoutput>" +
  167. "</select>" +
  168. "</td>" +
  169. "</tr>" +
  170. "</table>";
  171.  
  172. <!--- Adds Extra fields for RMA Data Only  --->
  173. newdiv.innerHTML = newdiv.innerHTML +
  174. "<table class='zpExpandedTable' id='resoltable' cellpadding='1' cellspacing='0'>" +
  175. "<tr>" +
  176. "<td id='paddingformultitop'>" +
  177. "RMA Data Only:&nbsp;&nbsp;&nbsp;&nbsp;" +
  178. "</td>" +
  179. "<td class='rmanmoveinmulti'>" +
  180. "( You may enter up to 500 characters. )"+
  181. "<br/>" +
  182. "<cfoutput query='serial'><textarea maxlength='500' onkeyup='return ismaxlength(this)' onkeydown='return ismaxlength(this)' rows='4' cols='60' name='rma_" + count + "' >#rma_data#</textarea></cfoutput> " +
  183. "</td>" +
  184. "</tr>" +
  185. "</table>" +
  186. "<input type='hidden' name='serialcount' value='" + count + "'>";
  187.  
  188. <!--- Adds Delete to every ticket  --->
  189. newdiv.innerHTML = newdiv.innerHTML +
  190. "<table class='zpExpandedTable' id='resoltable' cellpadding='1' cellspacing='0'>" +
  191. "<tr>" +
  192. "<td>" +
  193. "<input type='button' class='removeticket' value='Remove Serial &quot;"+count +"&quot;' onclick=\"removeElement(\'"+divIdName+"\')\"></a>" +
  194. "</td>" +
  195. "</td>" +
  196. "</tr>" +
  197. "</table><br>";
  198.  
  199.  document.getElementById(divName).appendChild(newdiv);
  200.  
  201. } 
  202.  
Thank you again for all the help :),
Rach
Sep 22 '08 #18
acoder
16,027 Recognized Expert Moderator MVP
This should really be output using Coldfusion without using JavaScript. If you want to do this, start a new thread in the Coldfusion forum.
Sep 22 '08 #19
bonneylake
769 Contributor
This should really be output using Coldfusion without using JavaScript. If you want to do this, start a new thread in the Coldfusion forum.
Hey Acoder,

started a new thread in the coldfusion here is a link to it

http://bytes.com/forum/showthread.ph...19#post3361219

Thank you for all the help,
Rach
Sep 22 '08 #20

Sign in to post your reply or Sign up for a free account.

Similar topics
3
4647
Avoiding multiply defined symbols for member functions
by: Dave | last post by:
Hello all, Please consider this code: #ifndef FOO_INCLUDED #define FOO_INCLUDED // File: foo.h class foo {
C / C++
2
5488
User-Defined Functions in SELECT Statements
by: David Emme | last post by:
Access 97 I have a number of SELECT statements which contain references to user-defined VBA functions. These typically work as expected, but occasionally, on one user's machine or another, produce a "function not defined" message when the SELECT statement is executed, even having previously worked on that machine. What can I do to correct this difficulty when it occurs? What do I need to know about user-defined functions in SELECT...
Microsoft Access / VBA
3
5084
Are there any pre-defined variables in C?
by: Leiji Liu | last post by:
Hi, I am curious if there are any pre-defined varables (constants?) in C? I saw some code with __LINE__, __FILE__, etc. Are those located in some include files? LL
C / C++
19
2599
undefined behavior defined
by: E. Robert Tisdale | last post by:
In the context of the comp.lang.c newsgroup, the term "undefined behavior" actually refers to behavior not defined by the ANSI/ISO C 9 standard. Specifically, it is *not* true that "anything can happen" if your C code invokes "undefined behavior". Behavior not defined by the ANSI/ISO C 9 standard may be defined by some other standard (i.e. POSIX) or it may be defined by your compiler, your operating system or your machine architecture.
C / C++
7
1667
Are these behaviors defined?
by: William L. Bahn | last post by:
I'm working on some lessons and want to be sure I get some stuff correct. If any of this is covered in the FAQ, please feel free to point me to the section - I couldn't find it. ---------------------------------------------------------------- Overflow/Wraparound behavior of integer values ---------------------------------------------------------------- If an arithmetic operation such as (+, -, *) yields a result that exceeds the...
C / C++
6
74357
#ifdef vs #if vs #if defined
by: Michael B Allen | last post by:
Which is the preferred method for preprocessor tests and why? #ifdef XYZ or #if XYZ or #if defined(XYZ) and
C / C++
6
7616
user defined function that converts string to float
by: karthi | last post by:
hi, I need user defined function that converts string to float in c. since the library function atof and strtod occupies large space in my processor memory I can't use it in my code. regards, Karthi
C / C++
4
3314
Const objects defined in headers
by: Rui.Hu719 | last post by:
Hi, All: I read the following passage from a book: "There are three exceptions to the rule that headers should not contain definitions: classes, const objects whose value is known at compile time, and inline functions are all defined in headers. " Can someone explain to me why some of the const objects must be defined in the header file?
C / C++
2
4249
Mass of 'already defined' errors on compilation.
by: curious2007 | last post by:
During the linking I get the following: 1>Linking... 1>main.obj : error LNK2005: "double __cdecl sigma(class curious2007::pair<double,double> const &)" (?sigma@@YANABV?$pair@NN@curious2007@@@Z) already defined in Characteristics.obj 1>main.obj : error LNK2005: "double __cdecl sigma_linear(struct std::pair<double,double> const &)" (?sigma_linear@@YANABU?$pair@NN@std@@@Z) already defined in Characteristics.obj 1>main.obj : error LNK2005:...
C / C++
0
9721
marktang
What is ONU?
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
General
0
9600
Changing the language in Windows 10
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
Windows Server
0
10631
Oralloy
Problem With Comparison Operator <=> in G++
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
C / C++
0
10374
jinu1996
Maximizing Business Potential: The Nexus of Website Design and Digital Marketing
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
Online Marketing
0
9196
agi2029
AI Job Threat for Devs
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
Career Advice
1
7651
isladogs
Access Europe - Using VBA to create a class based on a table - Wed 1 May
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
Microsoft Access / VBA
0
6880
Couldn’t get equations in html when convert word .docx file to html file in C#.
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
C# / C Sharp
0
5686
Windows Forms - .Net 8.0
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
Visual Basic .NET
1
4331
transfer the data from one system to another through ip address
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
C# / C Sharp

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.

BYTES.COM © 2024
About Bytes
Terms Of Use
Privacy Policy
Sitemap
Advertise on Bytes
How to Post and Respond on Bytes
How to Promote and Link on Bytes
How to increase your Ranking on Bytes
Become a Recognized Expert on Bytes
Feedback Welcomed! Contact Us