<!DOCTYPE html><html><head><title>Установка показаний счетчиков</title><style type="text/css">html, body { height:100%; margin:0px; padding:0px; }</style>
<script>
var d = document;
var name;
var initials;
var posada;
function addRow()
{
// Считываем значения с формы
name = d.getElementById('name').value;
initials = d.getElementById('initials').value;
posada = d.getElementById('posada').value;
// Находим нужную таблицу
var tbody = d.getElementById('tab1').getElementsByTagName('TBODY')[0];
// Создаем строку таблицы и добавляем ее
var row = d.createElement("TR");
tbody.appendChild(row);
// Создаем ячейки в вышесозданной строке
// и добавляем тх
var td1 = d.createElement("TD");
var td2 = d.createElement("TD");
row.appendChild(td1);
row.appendChild(td2);
// Наполняем ячейки
td1.innerHTML = name+' '+initials;
td2.innerHTML = posada;
}
</script>
</head>
<body>
<table style="margin:auto; width:50%; height:100%;">
<tr><td>
<table border=2 id="tab1" class="sortable">
<thead>
<tr>
<th>Номенклатура</th>
<th>Количество</th>
<th>Сумма</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<form action="" id="add_persons" method="post" onsubmit="addRow();return false;">
<fieldset>
<legend>Добавить сотрудника</legend>
<ul>
<li>
<label for="name">Номенклатура</label>
<input type="text" name="name" id="name" value="" size="12" tabindex="1" />
</li>
<li>
<label for="initials">Количество</label>
<input type="text" name="initials" id="initials" value="" size="12" tabindex="2" />
</li>
<li>
<label for="posada">Сумма</label>
<input type="text" name="posada" id="posada" value="" size="12" tabindex="3" />
</li>
<li>
<label for="subm">Действия</label>
<input type="submit" name="subm" class="submit" value="Добавить" tabindex="4" />
</li>
</ul>
</fieldset>
</form>
</td></tr></table></body></html>
<script>
var d = document;
var name;
var initials;
var posada;
function addRow()
{
// Считываем значения с формы
name = d.getElementById('name').value;
initials = d.getElementById('initials').value;
posada = d.getElementById('posada').value;
// Находим нужную таблицу
var tbody = d.getElementById('tab1').getElementsByTagName('TBODY')[0];
// Создаем строку таблицы и добавляем ее
var row = d.createElement("TR");
tbody.appendChild(row);
// Создаем ячейки в вышесозданной строке
// и добавляем тх
var td1 = d.createElement("TD");
var td2 = d.createElement("TD");
row.appendChild(td1);
row.appendChild(td2);
// Наполняем ячейки
td1.innerHTML = name+' '+initials;
td2.innerHTML = posada;
}
</script>
</head>
<body>
<table style="margin:auto; width:50%; height:100%;">
<tr><td>
<table border=2 id="tab1" class="sortable">
<thead>
<tr>
<th>Номенклатура</th>
<th>Количество</th>
<th>Сумма</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<form action="" id="add_persons" method="post" onsubmit="addRow();return false;">
<fieldset>
<legend>Добавить сотрудника</legend>
<ul>
<li>
<label for="name">Номенклатура</label>
<input type="text" name="name" id="name" value="" size="12" tabindex="1" />
</li>
<li>
<label for="initials">Количество</label>
<input type="text" name="initials" id="initials" value="" size="12" tabindex="2" />
</li>
<li>
<label for="posada">Сумма</label>
<input type="text" name="posada" id="posada" value="" size="12" tabindex="3" />
</li>
<li>
<label for="subm">Действия</label>
<input type="submit" name="subm" class="submit" value="Добавить" tabindex="4" />
</li>
</ul>
</fieldset>
</form>
</td></tr></table></body></html>
Комментариев нет:
Отправить комментарий