Показать сообщение отдельно
  #8 (permalink)  
Старый 28.10.2014, 08:17
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,237

Обероныч, и скрипт можно значительно сократить...

<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<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 = d.createElement("tr");
	for (var i=0; i<a.length; i++) {
		// Считываем значения с формы
		var val = d.getElementById(a[i]).value;
		var td = d.createElement("td");
		row.appendChild(td);
		// Наполняем ячейки
		td.innerHTML = val;
	};
    tbody.appendChild(row);
	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>
Ответить с цитированием