•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 373,464 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,960 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
Views: 809 | Replies: 4 | Solved
 |
•
•
Join Date: Mar 2007
Posts: 33
Reputation: 
Rep Power: 2
Solved Threads: 0
Light Poster
Forms with AJAX I am trying to do a store page for my class. I have a perl script that generates simple HTML tables. The store pages uses ajax to load the tables into the form.
The form has all the elements, but when I submit, there query string is empty. I tried doing a javascript alert debug, printing out the ids, names, or types of all the form's elements, but it just gave me undefineds for everything.
The query string is supposed to post to a perl script that processes it.
Any help would be appreciated.
Thanks.
The form has all the elements, but when I submit, there query string is empty. I tried doing a javascript alert debug, printing out the ids, names, or types of all the form's elements, but it just gave me undefineds for everything.
The query string is supposed to post to a perl script that processes it.
Any help would be appreciated.
Thanks.
•
•
Join Date: Jan 2008
Location: Bangalore, India
Posts: 327
Reputation:
Rep Power: 0
Solved Threads: 31
Posting Whiz
can you post your client side code ?
A computer lets you make more mistakes faster than any invention in human history - with the possible exceptions of handguns and tequila.
~Mitch Ratcliffe
~Mitch Ratcliffe
•
•
Join Date: Mar 2007
Posts: 33
Reputation:
Rep Power: 2
Solved Threads: 0
Light Poster
Here are the relevant JavaScript functions. The tables in the HTML files load just fine.
[code]
//Sets up the page
function initialize()
{
getInventory(document.getElementById("weapons"), "Store/weapons.html");
getInventory(document.getElementById("jewelry"), "Store/jewelry.html");
getInventory(document.getElementById("misc"), "Store/misc.html");
And here is the HTML for the main page. Without the style stuff it will probably look weird, but here you go.
[code]
//Sets up the page
function initialize()
{
getInventory(document.getElementById("weapons"), "Store/weapons.html");
getInventory(document.getElementById("jewelry"), "Store/jewelry.html");
getInventory(document.getElementById("misc"), "Store/misc.html");
updateTotal();
}
//Quick check for AJAX functionality. Copied from w3schools.com
function MakeXMLReq()
{
var xmlHttp = null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer 6+
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
//For IE 5.5 Users
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
function getInventory(loc, file)
{
var xhr = MakeXMLReq();
if (xhr == null)
{
alert("Your browser does not support AJAX. Please join us in the 21<sup>st</sup> Century.");
return;
}
xhr.onreadystatechange = function ()
{
if(xhr.readyState==4)
{
loc.innerHTML = xhr.responseText;
}
}
xhr.open("GET", file,true);
xhr.send(null);
}
//Calcuates customer total based on the input of the various text fields.
function updateTotal()
{
var totalPrice = 0.00;
var totalBox = document.getElementById("total");
var items = document.store.elements;
for (var i in items)
{
if (items[i].type != "text")
continue;
else if (items[i].id == "total")
break;
else if (items[i].value == "")
continue;
var howMany = items[i].value * 1;
var price = document.getElementById(items[i].id + "_price").innerHTML.slice(1);
totalPrice += (howMany * price);
}
totalBox.value = "$" + totalPrice.toFixed(2);
}
function printElements(form)
{
var output;
for (var x in form.elements)
{
output += x.name + "=" + x.value + "&";
}
document.getElementsByName("query").value = output;
}And here is the HTML for the main page. Without the style stuff it will probably look weird, but here you go.
<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"HTTP://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Assingment 10 - Store with Perl</title>
<link rel = "stylesheet" type = "text/css" href = "StyleSheets/army_theme.css" />
<script type="text/javascript" src = "JavaScript/assign10.js"></script>
</head>
<body onload="initialize();">
<div class = "main">
<h1 class = "text-center" id = "top">The Store</h1>
<hr />
<div class = "text-center center" style = "width: 75%">
<a class = "internal" href = "#weaponHead">Weapons</a>
<a class = "internal" style = "margin-left: 20%; margin-right: 20%" href = "#jewelHead">Jewelry</a>
<a class = "internal" href = "#miscHead">Misc.</a>
</div>
<hr />
<form id = "store" name = "store" class = "center" method = "get" action = "" onsubmit = "printElements(this);">
<a id = "weaponHead" />
<div id = "weapons" class = "smallerCentered"></div><a id = "jewelHead" class = "internal" href = "#top">Top of Page</a><hr />
<div id = "jewelry" class = "smallerCentered"></div><a id = "miscHead" class = "internal" href = "#top">Top of Page</a><hr />
<div id = "misc" class = "smallerCentered"></div><a class = "internal" href = "#top">Top of Page</a>
<hr />
<div class = "center" style = "width: 300px">
Total:
<input type = "text" class = "text-center" value = "$0.00" id = "total" readonly = "readonly" />
<input type = "button" class = "text-center" value = "Empty Cart" id = "empty" onclick = "clearCart()" style = "padding: 5px;" />
</div>
<input type = "text" style = "display: none" name = "query" />
<hr />
<div class = "smallerCentered"><input type = "submit" value = "Checkout" style = "padding: 10px;" /></div>
</form>
</div>
</div>
</body>
</html> •
•
Join Date: Jan 2008
Location: Bangalore, India
Posts: 327
Reputation:
Rep Power: 0
Solved Threads: 31
Posting Whiz
hi
try this loop:
try this loop:
for(var ctr=0;ctr<form.elements.length;ctr++)
{
x=form.elements[ctr];
output += x.name + "=" + x.value + "&"+"id="+x.id;
} A computer lets you make more mistakes faster than any invention in human history - with the possible exceptions of handguns and tequila.
~Mitch Ratcliffe
~Mitch Ratcliffe
|
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
•
•
•
•
•
•
•
•
DaniWeb JavaScript / DHTML / AJAX Marketplace
Linear Mode
- Online voting (PHP)
- Pass a 2D-array with AJAX (JavaScript / DHTML / AJAX)
- ajax POST checkboxes (JavaScript / DHTML / AJAX)
- AJAX : Am i right with the concept? (JavaScript / DHTML / AJAX)
- Is Flash the Future? (Graphics and Multimedia)
- passing parameters to a page (JavaScript / DHTML / AJAX)
Other Threads in the JavaScript / DHTML / AJAX Forum
- Previous Thread: Dynamic drop down list not working
- Next Thread: MyYahoo-- Ajax
