Через DOM добавляю элементы, присваиваю новые имена, эксплорер не хочет находить по этим именам новые элементы, в Опере тот же код обрабатывается как задумывалось...
Не работает функция calc()
вот код:
Код:
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
.flatList {border: 0; font-family: "Courier New", Courier, monospace; font-weight: bold; background-color:#FFD900; padding:0; margin:0; text-align:center}
</style>
<script>
*function test(){
* *var tbl = document.getElementById('orderList');
* *var tbody=tbl.getElementsByTagName('TBODY')[0];
* *var totalRows = tbody.getElementsByTagName('TR').length;
* *var tr=tbody.getElementsByTagName('TR')[0]
* *var x=tr.cloneNode(true);
* *var inps = x.getElementsByTagName('INPUT');
* *for (var i =0; *i < inps.length; i++) {
* * *inps[i].className='new';
* * *inps[i].disabled=false;
* if (inps[i].value == 'Кол-во') inps[i].value='1';
* if (inps[i].value == 'Цена') inps[i].value='123';
* if (inps[i].value == 'Скидка') inps[i].value='0';
* * *inps[i].name=inps[i].name+totalRows;
* *}
* *tbody.appendChild(x);
*}
*
function calc() {
****var total = 0;
****var tbl = document.getElementById('orderList');
****var tbody=tbl.getElementsByTagName('TBODY')[0];
****var totalRows = tbody.getElementsByTagName('TR').length;
****for (var i = 1; *i < totalRows; i++) {
*summ = eval("document.all.Sale_Kolvo_"+i+".value*document.all.Sale_Sale_"+i+".value");
*eval("document.all.Sale_Total_"+i+".value=summ");
*proc = eval("1/100*(100-document.all.Sale_Discount_"+i+".value)");
*eval("document.all.Sale_Total_"+i+".value=summ*proc");
*total = total+Number(eval("document.all.Sale_Total_"+i+".value"));
****}
****document.all.total.value = total;
}
</script>
</head>
<body onClick="calc();">
<a onclick="test()">Добавляем строку</a>
<form name=order method=get action="ins.php" enctype="multipart/form-data">
*<table border=1 cellspacing=0 cellpadding=0 bordercolor=lightblue style="border: none" Id=orderList>
*<tr>
* *<td><INPUT TYPE="text" NAME="" class=flatList Value="№" size="2" Disabled></td>
*****<td><INPUT TYPE="text" NAME="Sale_Id_" class=flatList Value="арт." size="4" Disabled onclick="alert(this.name)"></td>
*****<td><INPUT TYPE="text" NAME="Sale_Title_" class=flatList Value="Наименование" size="25" Disabled onclick="alert(this.name)"></td>
*****<td><INPUT TYPE="text" NAME="Sale_Kolvo_" class=flatList Value="Кол-во" size="6" Disabled onclick="alert(this.name)"></td>
*****<td><INPUT TYPE="text" NAME="Sale_Reserv_" class=flatList Value="Резерв" size="6" Disabled onClick="alert(this.name)"></td>
*****<td><INPUT TYPE="text" NAME="Sale_Bye_" class=flatList Value="Зак." size="8" Disabled onClick="alert(this.name)"></td>
*****<td><INPUT TYPE="text" NAME="Sale_Sale_" class=flatList Value="Цена" size="8" Disabled></td>
*****<td><INPUT TYPE="text" NAME="Sale_Discount_" class=flatList Value="Скидка" size="8" Disabled></td>
*****<td><INPUT TYPE="text" NAME="Sale_Total_" class=flatList Value="Сумма" size="8" Disabled></td>
*****<td style="border: none" bgcolor="FFFFFF"><INPUT TYPE="button" Value=del Disabled style="color:red" onClick="" Class=flat></td>
*</tr>
*</table>
*<p align=right>Общая стоимость заказа <input type="text" name="total" value=0 style="border: 0; color:red; font-weight: bold; text-align:center; width: 60"> USD</p>
</form>
</body>
</html>