Показать сообщение отдельно
  #9 (permalink)  
Старый 28.10.2014, 09:00
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,127

ksa,
сокращать так сокращать ... ещё минус 2 строки

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type='text/css'>
#add_persons li {
	margin-bottom: 5px;
}
#add_persons label {
	display: block;
}
</style>
<script type='text/javascript'>
var d = document;
function addRow() {
	var a=[
		'nick',
		'cls',
		'level',
		'prestige',
		'chrono',
		'other',
		'sfor'
	];
    // Находим нужную таблицу
    var tbody = d.getElementById('tab1').getElementsByTagName('tbody')[0];
    // Создаем строку таблицы и добавляем ее
    var row = tbody.insertRow();
	for (var i=0; i<a.length; i++) {
		// Считываем значения с формы
		var val = d.getElementById(a[i]).value;
		var td = row.insertCell(i);
		// Наполняем ячейки
		td.innerHTML = val;
	};
	alert ("Добавлено.");
};
</script>
</head>
<body>
<form action="" id="add_persons" method="post" onsubmit="addRow();return false;">
<fieldset>
<legend>Здесь вы можете добавить себя</legend>
    <ul>
        <li>
            <label for="nick">Ник</label>
            <input type="text" name="nick" id="nick" value="" size="12" tabindex="1" />
        </li>
        <li>
            <label for="class">Класс</label>
            <input type="text" name="cls" id="cls" value="" size="12" tabindex="2" />
        </li>
        <li>
            <label for="level">Уровень</label>
            <input type="text" name="level" id="level" value="" size="12" tabindex="3" />
        </li>
		<li>
            <label for="prestige">Пройденное уважение</label>
            <input type="text" name="prestige" id="prestige" value="" size="12" tabindex="4" />
        </li>
		<li>
            <label for="chrono">Открытое Хроно</label>
            <input type="text" name="chrono" id="chrono" value="" size="12" tabindex="5" />
        </li>
		<li>
            <label for="other">Другое</label>
            <input type="text" name="other" id="other" value="" size="12" tabindex="6" />
        </li>
		<li>
            <label for="sfor">Ищу</label>
            <input type="text" name="sfor" id="sfor" value="" size="12" tabindex="7" />
        </li>
	</ul>

	<input type="submit" name="subm" class="submit" value="Добавить" tabindex="8" />
</fieldset>
</form>
<table id="tab1">
    <thead>
        <tr>
			<th>Ник</th>
			<th>Класс</th>
			<th>Уровень</th>
			<th>Уважение</th>
			<th>Хроно</th>
			<th>Другое</th>
			<th>Ищет</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>
</body>
</html>
Ответить с цитированием