I am trying to build a simple javascript function that will build a string.
the function works by itself, but when I try to add it to another function it is failing (not producing the desired results or any results)
below is the code for the entire page.
getformvalues is basically the same as display form values
I am not that good with JS so any sugestions / help would be greatly appreciated.
Results of the buttons are as follows:
ADD, Edit, Delete:
Span 1 & 3 show as expected, but the remainer do not show
ReadForm button:
Shows as expected (with the string)
also if anyone wants to take a look at the page online: http://www.tssairsoft.com/ajaxtest.php
Once this part is working I will go on to the ajax side (but I should be good on that I can copy the code on that from another page).
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta name="" content="">
<script>
function GetFormValues(frmname)
{
var elem = document.getElementById(frmname).elements;
for(var i = 0; i < elem.length; i++)
{
str += elem[i].name + "=" + elem[i].value +"&";
}
document.getElementById('FormElements').innerHTML = str;
return str;
}
function AddItem(frmname)
{
var str = '';
document.getElementById('Working').innerHTML = "Add Item";
document.getElementById('FormName').innerHTML = frmname;
var str = 'SUBACT=ADD&';
str += GetFormValues(frmname);
document.getElementById('PreString').innerHTML = str;
}
function UpdateItem(frmname)
{
var str = '';
document.getElementById('Working').innerHTML = "Update Item";
document.getElementById('FormName').innerHTML = frmname;
var str = 'SUBACT=EDIT&';
str += GetFormValues(frmname);
document.getElementById('PreString').innerHTML = str;
}
function DelItem(frmname)
{
var str = '';
document.getElementById('Working').innerHTML = "Delete Item";
document.getElementById('FormName').innerHTML = frmname;
var str = 'SUBACT=EDIT&';
str += GetFormValues(frmname);
document.getElementById('PreString').innerHTML = str;
}
function DisplayFormValues(tform)
{
//var frmnme = String(tform);
var str = '';
var res = '?';
var elem = document.getElementById(tform).elements;
for(var i = 0; i < elem.length; i++)
{
res += "&";
str += "<b>Type:</b>" + elem[i].type + "  ";
str += "<b>Name:</b>" + elem[i].name + " ";
str += "<b>Value:</b><i>" + elem[i].value + "</i> ";
str += "<BR>";
res += elem[i].name + "=" + elem[i].value ;
}
document.getElementById('lblValues').innerHTML = res;
}
</script>
</head>
<body>
<span id="Working"></span>1<HR>
<span id="PreString"></span>2<HR>
<span id="FormName"></span>3<HR>
<span id="FormElements"></span>4<HR>
<span id="lblValues"></span>5<HR>
<span id="ActionResult"></span><HR>
<form id="test">
<input name="name" type="text" /><BR>
<input name="Other" type="text" /><BR>
<textarea name="textarea"></textarea><hr>
<input type="button" value="Add" onclick="AddItem('test');" /> - <input type="button" value="Edit" onclick="UpdateItem('test');" /> - <input type="button" value="Delete" onclick="DelItem('test');" /><hr>
<input type="button" value="Read Form" onclick="DisplayFormValues('test');" />
</form>
</body>
</html>
