Редактор таблицы, в которой только одна строка

@LeDep · Регистрация: 12.02.2011

Author24 — интернет-сервис помощи студентам

Редактор таблицы, в которой только одна строка,
с возможностями: добавить новую ячейку таблицы ( с указанием содержимого),
удаление любой ячейки таблицы.

@Воваша · 22.05.2012, 22:33

HTML5

<script>
function add() {
var b= document.forms["f1"].elements["f2"].value;
document.getElementById('ttr').innerHTML+='<td style=\"display:block;border:1px solid #c0c0c0;\" ondblclick=\"this.style.display=\'none\';\" ><div style=\"text-align:right;color:red;font-weight:bold;cursor:hand;cursor:pointer;\">x</div>'+b+'</t'+'d>';
}
</script>
Двойной клик по крестику - закрыть<hr>
<table><tr id="ttr" valign="top">
</tr></table>
<form name="f1">
<input type="text" name="f2" value="Текст ячейки">
<span onclick="add();" style="color:blue;text-decoration:underline;cursor:hand;cursor:pointer;">Добавить</span>
</form>

Дальше сами

@LeDep 74 / 74 / 44 Регистрация: 12.02.2011 Сообщений: 380
		1
	Редактор таблицы, в которой только одна строка 22.05.2012, 15:33. Показов 680. Ответов 1 Метки нет (Все метки) Редактор таблицы, в которой только одна строка, с возможностями: добавить новую ячейку таблицы ( с указанием содержимого), удаление любой ячейки таблицы. 0

	22.05.2012, 22:33