<html>
<head>
<title>Boards 'R' Us</title>
<link rel="stylesheet" type="text/css" href="boards.css" />
<script type="text/javascript" scr="text-utils.js"></script>
<script language="JavaScript" type="text/javascript">
var request = null;
function createRequest()
{
try
{
request = new XMLHttpRequest();
} catch(trymicrosoft)
{
try
{
request = new ActiveXObject("Msxm12.XMLHTTP");
} catch (othermicrosoft)
{
try
{
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch(failed)
{
request = null;
}
}
}
if (request == null)
alert("Error creating request object!");
}
function updatePage()
{
if (request.readyState == 4)
{
var newTotal = request.responseText;
var boardsSoldEl = document.getElementById("boards-sold");
var cashEl = document.getElementById("cash");
boardsSoldEl.innerHTML=newTotal;
var priceEl = document.getElementById("price");
var price = getText("priceEl");
var costEl = document.getElementById("cost");
var cost = getText(costEl);
var cashPerBoard = price - cost;
var cash = cashPerBoard * newTotal;
cash = Math.round(cash * 100) / 100;
cashEl.innerHTML="3433";
}
}
function getBoardsSold()
{
createRequest();
var url = "getUpdatedBoardSales-ajax.php";
request.open("GET", url, true);
request.onreadystatechange = updatePage;
request.send(null);
}
</script>
</head>
<body>
<h1>Boards 'R' Us :: Custom Boards Report</h1>
<div id="boards">
<table>
<tr><th>Snowboards Sold</th>
<td><span id="boards-sold">1012</span></td></tr>
<tr><th>What I Sell 'em For</th>
<td>$<span id="price">249.95</span></td></tr>
<tr><th>What it Costs Me</th>
<td>$<span id="cost">84.22</span></td></tr>
</table>
<h2>Cash for the Slopes:
$<span id="cash">167718.76</span></h2>
<form method="GET">
<input value="Show Me the Money" type="button" onclick="getBoardsSold();" />
</form>
</div>
</body>
</html>
В теге с id = "boards-sold" значение изменяется, а теге с id = "cost" не изменяется. Если строку 54 вынести из if, то замена происходит.
Пожалуйста помогите разобраться.