Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Таблица для сайта (https://javascript.ru/forum/dom-window/47421-tablica-dlya-sajjta.html)

Гильман 23.05.2014 11:28

Таблица для сайта
 
Я нуб, нужен совет как сделать так чтоб из формы все вставлялось в таблицу на странице сайта и при этом сохранялось.





<table class="sortable" id="tab1" style="width: 806px; height: 31px;">
	<thead>
		<tr>
			<th>ФИО</th>
			<th>Машина</th>
			<th>VIN Код</th>
		</tr>
	</thead>
	<tbody>
	</tbody>
</table>

<form action="" id="add_persons" method="post" onsubmit="addRow();return false;">
<fieldset><legend><span style="color: rgb(255, 255, 255);">Добавить клиента</span></legend>

<ul>
	<li><label for="name">Фамилия</label> <input id="name" name="name" size="12" tabindex="1" type="text" value="" /></li>
	<li><label for="initials">имя</label> <input id="initials" name="initials" size="12" tabindex="2" type="text" value="" /></li>
	<li><label for="posada">марка</label> <input id="marka" name="marka" size="12" tabindex="3" type="text" value="" /></li>
	<li><label for="posada">модель</label> <input id="model" name="model" size="12" tabindex="4" type="text" value="" /></li>
	<li><label for="posada">обьем двигателя</label> <input id="obem" name="obem" size="12" tabindex="5" type="text" value="" /></li>
	<li><label for="posada">тип топлива</label> <input id="toplivo" name="toplivo" size="12" tabindex="6" type="text" value="" /></li>
	<li><label for="posada">тип кузова</label> <input id="kuzov" name="kuzov" size="12" tabindex="7" type="text" value="" /></li>
	<li><label for="posada">год</label> <input id="god" name="god" size="12" tabindex="8" type="text" value="" /></li>
	<li><label for="vin">vin</label> <input id="vin" name="vin" size="12" tabindex="9" type="text" value="" /></li>
	<li><label for="subm">Действия</label> <input class="submit" name="subm" tabindex="10" type="submit" value="Добавить" /></li>
</ul>
</fieldset>
</form>

Гильман 23.05.2014 11:29

Вот продолжение
<script type="text/javascript"> 

var d = document;

var name;
var initials;
var marka;
var model;
var obem;
var toplivo;
var kuzov;
var god;
var vin;
function addRow()
{
 // Считываем значения с формы
 name = d.getElementById('name').value;
 initials = d.getElementById('initials').value;
 marka = d.getElementById('marka').value;
 model = d.getElementById('model').value;
 obem = d.getElementById('obem').value;
 toplivo = d.getElementById('toplivo').value;
 kuzov = d.getElementById('kuzov').value;
 god = d.getElementById('god').value; 
 vin = d.getElementById('vin').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");
 var td3 = d.createElement("TD");
 row.appendChild(td1);
 row.appendChild(td2);
 row.appendChild(td3);

 // Наполняем ячейки
 td1.innerHTML = name+' '+initials;
 td2.innerHTML = model+' '+marka+' '+obem+' '+toplivo+' '+kuzov+' '+god;
 td3.innerHTML = vin;
}
</script>

рони 23.05.2014 11:41

Гильман,
строка 44 пропущена кавычка
td2.innerHTML = model+' '+marka+' '+obem+' '+toplivo+' '+kuzov+' '+god;

Гильман 23.05.2014 12:42

все равно не добавляет

Гильман 23.05.2014 12:45

я добился чтоб добился чтоб добавляла, как сделать чтоб таблица сохранялась.

рони 23.05.2014 12:47

Цитата:

Сообщение от Гильман
как сделать чтоб таблица сохранялась

а как вы себе это предсталяите ?
может на сервере всётаки в базе хранить данные?

Гильман 23.05.2014 12:50

а на странице сайта это не получится?
мне просто нужно чтоб я видел информацию заходя на эту страницу.


Часовой пояс GMT +3, время: 23:24.