Как-то так...
<html>
<head>
</head>
<body>
<form>
<input type="button" value="в корзину" onclick="ins1()" />
<script language="JavaScript" type="text/javascript">
function ins1() {
var table =
document.createElement('table');
var row = table.insertRow(0);
var cell = row.insertCell(0);
cell.innerHTML = 'утюг';
document.body.appendChild(table);
}
</script>
<input type="button" value="в корзину" onclick="ins2()" />
<script language="JavaScript" type="text/javascript">
function ins2() {
var table =
document.createElement('table');
var row = table.insertRow(0);
var cell = row.insertCell(0);
cell.innerHTML = 'чайник';
document.body.appendChild(table);
}
</script>
<center>
<table id="table" name="table" border="1">
<tr>
<td>описание</td>
</tr>
</table>
</center>
</form>
</body>
......при нажатии появляется нужная надпись
.....но появилась еще кучка вопросов:
Почему данные попадают не в нужную таблицу, а создается новая (можно ли это исправить)??
Можно ли это:
var table = document.createElement('table');
var row = table.insertRow(0);
var cell = row.insertCell(0);
cell.innerHTML = 'блабла';
document.body.appendChild(table);
поставить вот сюда:
<input type="button" value="блаблабла" onclick="............" />
(так где многоточие)? Как это правильно сделать???