Да я не прошу делать за меня мою работу, это единственный раз когда он мне понадобиться.
Я много чего читал прежде чем сюда написать.
Более чем на 100% уверен что тут очень простая ошибка, именно из-за моего незнания языка.
Но так же более чем на 100% уверен что указать как правильно сделать не отнимет у Вас (знающих людей) более 10 секунд!
а по теме, мне просто не понять в чем разница!
упростил скрипт в минимум:
function count()
{
var item1price = 700;
var item2price = 1400;
if (calc.item1.checked){
var witem1 = document.calc.item1.value = item1price;
} else {
var witem1 = document.calc.item1.value = 0;
}
if (calc.item2.checked){
var witem2 = document.calc.item2.value = item2price;
} else {
var witem2 = document.calc.item2.value = 0;
}
document.calc.pay.value = witem1 + witem2;
}
вот с этой хтмелкой работает:
<HTML>
<HEAD>
<script src="test2.js"></script>
</HEAD>
<BODY>
<form name="calc" method="POST">
<table width="450" border="0" cellpadding="3">
<tr>
<td bgcolor="#eeeeee"><span class="normalText">Элемент 1.1</span></td>
<td bgcolor="#eeeeee" align="right">
<input type="checkbox" name="item1" size="10" value="ON"></td>
</tr>
<tr>
<td bgcolor="#eeeeee"><span class="normalText">Элемент 1.2</span></td>
<td bgcolor="#eeeeee" align="right">
<input type="checkbox" name="item2" size="10" value="ON"></td>
</tr>
<tr>
<td bgcolor="#cccccc" colspan="2" align="right"><span class="normalText">Price $</span><input type="text" name="pay" size="10" style="background-color:#ffffff; color:#000000; border:1px solid #000000; font-family:tahoma; font-size:8pt; letter-spacing=1px"></td>
</tr>
<tr>
<td bgcolor="#eeeeee" align="center"></td>
<td bgcolor="#eeeeee" align="right">
<input type="button" onClick="count()" value="Рассчитать" style="background-color:#ffffff; color:#000000; border:1px solid #000000; font-family:tahoma; font-size:8pt; letter-spacing=1px"> <input type="reset" value="Очистить" style="background-color:#ffffff; color:#000000; border:1px solid #000000; font-family:tahoma; font-size:8pt; letter-spacing=1px"></td>
</tr>
</table>
</form>
<body>
</html>
а с этой(моей) нет:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Тест</title>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251'/>
<script src="test2.js"></script>
</head>
<body>
<form name="calc" method="POST">
<table border="1" cellspacing="0" cellpadding="4">
<tr>
<td width="610">
<b>Ручка один<br>ЦЕНА: 700 руб.</b>
</td>
<td width="15"><input type="checkbox" name="item1" value="ON"></td>
</tr>
<tr>
<td width="610">
<b>Ручка два<br>ЦЕНА: 1400 руб.</b>
</td>
<td width="15"><input type="checkbox" name="item2" value="ON"></td>
</tr>
<table width="625" border="2" cellspacing="0" cellpadding="4">
<tr>
<td align="right">
Цена: <input type="text" name="pay" size="10" style="background-color:#ffffff; color:#000000; border:1px solid #000000; font-family:tahoma; font-size:8pt; letter-spacing=1px">
<input type="button" onClick="count()" value="Рассчитать" style="background-color:#ffffff; color:#000000; border:1px solid #000000; font-family:tahoma; font-size:8pt; letter-spacing=1px"> <input type="reset" value="Очистить" style="background-color:#ffffff; color:#000000; border:1px solid #000000; font-family:tahoma; font-size:8pt; letter-spacing=1px">
</td>
</tr>
</table>
</form>
</body>
</html>
пишет:
calc is not defined
http://127.0.0.1/test/test2.js
Line 6
но я не вижу разницы никакой. почему не работает???