Hello,
I have this ajax form:
function init() {
var oXmlDom = zXmlDom.createDocument();
oXmlDom.onreadystatechange = function () {
if (oXmlDom.readyState == 4) {
if (oXmlDom.parseError.errorCode == 0) {
parseBookInfo(oXmlDom);
} else {
var str = "An error occurred!!
" +
"Description: " + oXmlDom.parseError.reason + "
" +
"File: " + oXmlDom.parseError.url + "
" +
"Line: " + oXmlDom.parseError.line + "
" +
"Line Position: " + oXmlDom.parseError.linepos + "
" +
"Source Code: " + oXmlDom.parseError.srcText;
alert(str);
}
}
};
oXmlDom.load("contacts.xml");
}
function parseBookInfo(oXmlDom) {
var oRoot = oXmlDom.documentElement;
var oFragment = document.createDocumentFragment();
var aContacts = oRoot.getElementsByTagName("contact");
for (var i = 0; i < aContacts.length; i++) {
var sName = aContacts*.getAttribute("name");
var sEmail = aContacts*.getAttribute("email");
var oCurrentChild = aContacts*.firstChild;
var divContainer = document.createElement("div");
var divContent = document.createElement("div");
var checkbox = document.createElement("input");
checkbox.type = 'checkbox';
checkbox.name = 'checkboxName';
checkbox.class = 'publisher';
var sOdd = (i % 2)?"":"-odd";
divContainer.className = "bookContainer" + sOdd;
divContent.appendChild(document.createTextNode("Name:" + sName + " Email:" + sEmail));
divContent.className = "bookContent";
divContent.appendChild(checkbox);
divContainer.appendChild(divContent);
oFragment.appendChild(divContainer);
}
document.body.appendChild(oFragment);
}
onload = init;
Right now, everything is working fine, and it is building the page, but I need to have this in a form. How do I make it so that this whole thing is inside in a form?