| | |
Accessing DOM Objects
Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
•
•
Join Date: Apr 2005
Posts: 14
Reputation:
Solved Threads: 0
Hi,
here i enclosed my coding.i want the dom objects price,qty,oselect,name,sku and upc in the html body tag so that it can be submitted into another pages.
here i want each and every element in each row to be collected and sent to the next place not the last element alone plz help me
here i enclosed my coding.i want the dom objects price,qty,oselect,name,sku and upc in the html body tag so that it can be submitted into another pages.
here i want each and every element in each row to be collected and sent to the next place not the last element alone plz help me
JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<html> <head> <title> working with jscript</title> <script type="text/javascript"> function appendtable() { var parent = document.getElementById("divide"); var div = document.createElement("div"); var tbl = div.appendChild(document.createElement("table")); var tb = tbl.appendChild(document.createElement("tbody")); var tr = tb.appendChild(document.createElement("tr")); var td = tr.appendChild(document.createElement("td")); parent.appendChild(div); var oSelect=document.createElement("select"); var oOption = document.createElement("option"); var t0 = document.createTextNode("Ferrari"); oOption.setAttribute("value", 0); oOption.appendChild(t0); oSelect.appendChild(oOption); var oOption1 = document.createElement("option"); var t1 = document.createTextNode("Fessari"); oOption1.setAttribute("value", 1); oOption1.appendChild(t1); oSelect.appendChild(oOption1); var pname=document.createElement("input"); pname.type="text"; pname.value="product name" pname.name = "pname"; var price=document.createElement("input"); price.type="text"; price.value="product price" var qty=document.createElement("input"); qty.type="text"; qty.value="product quantity" var sku=document.createElement("input"); sku.type="text"; sku.value="product SKU" var upc=document.createElement("input"); upc.type="text"; upc.value="product UPC" td.appendChild(oSelect); td.appendChild(pname); td.appendChild(price); td.appendChild(qty); td.appendChild(sku); td.appendChild(upc); oSelect.onchange=function(){ txtChange(this,pname,price,qty,sku,upc); } } // get element with name from parent node... function elementOfName(parentNode, name){ var nodeList = parentNode.getElementsByTagName("INPUT"); for(var i=0; i<nodeList.length; i++){ if(nodeList.item(i).name == name){ return nodeList.item(i); } } return null; } function txtChange(obj,pname,price,qty,sku,upc){ var pname = elementOfName(obj.parentNode, "pname"); //var price = elementOfName(obj.parentNode, "price"); var pQty = elementOfName(obj.parentNode, "qty"); var SKU = elementOfName(obj.parentNode, "price"); var UPC = elementOfName(obj.parentNode, "qty");// this is not working i dont know why.... } </script> </head> <body bgcolor=white> <FORM ACTION=dlist.html METHOD=POST> Purchase Order ID <input type="text" name="poId"><br> Sendor Address <input type="text" name="senderAddress"><br> Vendor Address <input type="text" name="vendorAddress"><br> poStatus <input type="text" name="poStatus"><br> poDate <input type="text" name="poDate"><br> expDate <input type="text" name="expDate"><br><br> <h4> Product Details</h4> <input type="button" onclick="appendtable()" value="Add Product"> <div id="divide"></div> <input type="hidden" name=pId>//here i m sending eachand every product to submitted into the next page <input type="hidden" name=pName> <input type="hidden" name=price> <input type="hidden" name=pQty> <input type="hidden" name=SKU> <input type="hidden" name=UPC> <br> <input type="submit" name="btnSubmit" value="Submit Order"> </form> </body> </html>
![]() |
Similar Threads
- Copying styles from one window to another... (HTML and CSS)
- javascript NG on Firefox (JavaScript / DHTML / AJAX)
- Having problems saving objects into an array, then accessing the data later for repo (Java)
- Urgent.....Dynamic Changes.... (JavaScript / DHTML / AJAX)
- Accessing JavaScript objects in the Body Tag (JSP)
- Please help me make this script work in Netscape (JavaScript / DHTML / AJAX)
- Problem with objects having objects as attributes (C++)
- accessing private data members (C++)
Other Threads in the JavaScript / DHTML / AJAX Forum
- Previous Thread: Please help me make this script work in Netscape
- Next Thread: Creating Hit Counters for a website
| Thread Tools | Search this Thread |
acid2 ajax ajaxcode ajaxhelp animate automatically beta box browser bug calendar captchaformproblem checkbox child class close column cookies createrange() css cursor decimal dependent design disablefirebug dom download dropdown editor element engine error events explorer ext file form forms google gwt gxt highlightedword html htmlform ie8 iframe image() images index internet java javascript jawascriptruntimeerror jquery jsf jsfile jump listbox math microsoft mimic mp4 object onmouseoutdivproblem onmouseover onreadystatechange parent pdf php player post problem progressbar rated rating regex runtime scroll search select session shopping size sql star starrating stars synchronous text textarea validation w3c web website window windowofwords windowsxp wysiwyg xml \n





