Таблица Html

@qwerly · Регистрация: 03.07.2014

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

Есть содержимое таблицы которое требуется сохранить, т.е. добавленные ячейки,столбцы и данные.
На js прописано доб. столбцов или строк, так же есть задача сохранить не только созданные ячейки и строки, а полностью переписать файл, я пробовал через get, но получилось криво.

Таблица формата:

HTML5
1
2
3
4
5
6
7
<table id="example">
 <tr>
    <td height="50px" width="50px" align="center">#1</td>
    <td height="50px" width="50px" align="center">#2</td>
    <td height="50px" width="50px" align="center">#3</td>
 </tr>
</table

Расскажите как правильно или покажите какой-либо пример, чтобы можно было завести у себя на ресурсе.
PS Проверял в Denwer'е на правильность.

crautcher · 03.07.2014, 13:44

То есть .html страничка имеет табличку и некий js, который ее в реальном времени видоизменяет? И вы хотите, чтобы после магии javascript'а таблица в исходном коде заменилась на таблицу, которую вы видите. Так?

@qwerly · 03.07.2014, 13:57 **[ТС]**

Да, я использовал js для доб/удалю столбцов/строк и редактирования ячеек
Чтобы к примеру пользователь использовал js:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
$(function() {
  $('table#editable td').click(function(e) {
  var t = e.target || e.srcElement;
  var elm_name = t.tagName.toLowerCase();
  if(elm_name == 'input') {return false;}
  var val = $(this).html();
  var code = '<input type="text" id="edit" value="'+val+'"/>';
  $(this).empty().append(code);
  $('#edit').focus();
  $('#edit').blur(function() {
  var val = $(this).val();
  $(this).parent().empty().html(val);
  });
  });
  $(window).keydown(function(event){
  if(event.keyCode == 13) {
  $('#edit').blur();
  }
  });
});
</script>
<script>
$(function () {
    $('#1').click(function(){
 var n=1;
 $("#editable tr").each(function(){
 $(this).append("<td>"+n+"</td>");
  n++;
    });
 });
 $('#3').click(function(){
 $('#editable tr').find('td:last').remove();
 });
 
    $('#2').click(function(){
$('#editable tbody>tr:last').clone(true).insertAfter('#editable tbody>tr:last'); 
});
    $('#4').click(function(){
    $('#editable tr:last').remove();
});
});

и к примеру заполнили строку, а далее нажали на button и сохранили все что сделали

crautcher · 03.07.2014, 15:11

Оберни таблицу в обертку, например в див. Достань джаваскриптом .html() дива, то есть код таблицы, и отправь эти данные аяксом обработчику. В нем уже помести через file_put_contents табличку на место старой.

@qwerly · 03.07.2014, 21:53 **[ТС]**

Смотри получается вот так с div?

JavaScript
1
<script>alert(document.getElementById('div').innerHTML);</script>

А данные через ajax?

JavaScript
1
2
3
4
5
6
$.ajax({
      type: "POST",
      url: "index.php",
      data: {data: data,
      data1: data1,
},

Можешь помочь с php кодом?

Новые блоги и статьи Все статьи Все блоги /
1С: Программный отбор элементов справочника Номенклатура по группе Maks 22.03.2026 Установка программного отбора элементов справочника "Номенклатура" из модуля формы документа. В качестве фильтра для отбора справочника служит группа номенклатуры. Отбор по наименованию группы. . .	Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .	Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .	1С: Программный отбор элементов справочника Сотрудники по значению перечисления Maks 21.03.2026 Установка программного отбора элементов справочника "Сотрудники" из модуля формы документа. В качестве фильтра для отбора служит предопределенное значение перечислений. Процедура. . .
Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .

crautcher 2450 / 2301 / 597 Регистрация: 27.05.2011 Сообщений: 7,845
	03.07.2014, 13:44
	То есть .html страничка имеет табличку и некий js, который ее в реальном времени видоизменяет? И вы хотите, чтобы после магии javascript'а таблица в исходном коде заменилась на таблицу, которую вы видите. Так? 0

crautcher 2450 / 2301 / 597 Регистрация: 27.05.2011 Сообщений: 7,845
	03.07.2014, 15:11
	Сообщение было отмечено qwerly как решение Решение Оберни таблицу в обертку, например в див. Достань джаваскриптом .html() дива, то есть код таблицы, и отправь эти данные аяксом обработчику. В нем уже помести через file_put_contents табличку на место старой. 1

Таблица Html

Решение