динамическое добавление строк в таблицу

[PaSol]

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

Возникла только одна идея - сохранять данные в файл+новая строка и тут же считать файл и показать новую информацию.

Есть ли более разумные способы?

[Меняздесьдавнонет]

вопрос - как сделать добавление.
ответ - сохранять.

так что тебе надо сделать? Сохранение или добавление?
Может быть, прежде, чем искать более разумные ответы, сначала научиться задавать более разумные вопросы?

[PaSol]

спешл фо ю

вопрос - как сделать добавление.
ответ - сохранять.

так что тебе надо сделать? Сохранение или добавление?

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

[CGVictor]

PaSol
Добавлять - javascript (DOM, innerHTML, банальный document.write) или через сервер (послал-записал-снова вывел).
Сохранять - как хочешь.

Ромик прав.

[PaSol]

CGVictor, так вот я и спрашиваю как оптимальнее добавлять, а сохранять он уже давно сохраняет

Добавлено:
Вот еще что в одной из ячеек есть выпадающее меню, которое формируется из бд...я не знаю как это совместить с javascript

[CGVictor]

PaSol
Повторяюсь.
Опять же: оптимальнее не будет, везде свои плюсоминусы.
Если решать "красиво" - то javascript, что-то в районе table_object.appendChild.
Если "в лоб" - то выводить между всеми строками таблицы элемент с display:none (оно чуть более кроссбраузерно, хотя и криво до безумия).
Или забить на это всё и делать "отдельно", т.е. без извращений с появлениями-удалениями, а через обращение к серверу.

Что такое есть "выпадающее меню", в котором нет JS? Есть данные из БД - вот и формируй на их основе нужный код.

* мож, тему в Javascript кинуть?...

[PaSol]

пока тема тут...

ну не знаю я как сделать....если бы знал, не просил помощи..А раз прошу помочь, значит не знаю:(

"выпадающее меню" - . Значение для берутся из файла, который открывается для редактирование, заранее узнать какие значения  и сколько их будет нельзя. Как сформировать с помощью js ячейку с таким select?

Т.е. в обращение к серверу ничего плохого нет? если так, то тогда я могу сделать...но теперь хочеться узнать способ с js

http://www.php.net/manual/ru/

CGVictor

• теперь местный
• Глобальный модератор
• Ветеран
• 
• Сообщений: 2511
• +0/-0
• 2
• • 
  • 

динамическое добавление строк в таблицу

PaSol
Раз, с примером:
http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/appendchild.asp

Два - может, пригодится, т.к. тебе ж не один элемент вставлять, а рисовать новую строчку:
http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/clonenode.asp

Ну и собссно методы DOM.
- - - - -

Option можно
раз) - заполнять на сервере, это проще, безопасней и совместимее
два) - заполнять на клиенте, получив данные ajax-скриптом (это в гугль и к Котерову)

LJ: Backslashed life (rss)

PaSol

• Завсегдатай
• Новичок
• 
• Сообщений: 38
• +0/-0
• 0
• • 
  • 

динамическое добавление строк в таблицу

<script language="JavaScript"> 
function createTable() 
    { 
     
    var newElem=document.createElement("table");//новый элемент страницы (TABLE) 
    newElem.border=1;//толщина рамки таблицы 
     
    var newRow=newElem.insertRow(0);//добавляю строку в созданной таблице 
    var newCell = newRow.insertCell(0);//в созданной строке добавляю столбец 
    newCell.width="200";//указываю длину столбца
    newCell.align="center";//указываю позиционирование
    newCell.innerHTML="<b>строка 1 столбец 1</b>";//заполняю ячейку жирным текстом 
     
    var newCell = newRow.insertCell(-1);// и т.д.
    newCell.width="400";
    newCell.align="center";
    newCell.innerText="<b>строка 1 столбец 2</b>";//заполняю ячейку текстом 
     
    var newRow=newElem.insertRow(1);//добавляю ещё одну строку в таблицу 
    var newCell = newRow.insertCell(0); 
    newCell.width="200";
    newCell.align="center";
     
    addText=document.createTextNode("<b>строка 2 столбец 1</b>");
    newCell.appendChild(addText); 
     
    var newCell = newRow.insertCell(-1);  
    newCell.width="400"; 
    newCell.align="center"; 
    addElem=document.createElement("b"); 
    addText=document.createTextNode("строка 2 столбец 2"); 
    addElem.appendChild(addText); 
    newCell.appendChild(addElem); 
     
    document.body.appendChild(newElem);//прописываю созданную таблицу на страницу 
    } 
</script> 



вот могу теперь таблицы создавать:) (вы об этом говорили??)...а с option пока не понял:(

http://www.php.net/manual/ru/

PaSol

• Завсегдатай
• Новичок
• 
• Сообщений: 38
• +0/-0
• 0
• • 
  • 

динамическое добавление строк в таблицу

CGVictor:
раз) - заполнять на сервере, это проще, безопасней и совместимее

как я могу заполнять option на сервере, если добавление происходт на машине пользователя?

как я понимаю...от js в данном случае придеться отказаться

http://www.php.net/manual/ru/

CGVictor

• теперь местный
• Глобальный модератор
• Ветеран
• 
• Сообщений: 2511
• +0/-0
• 2
• • 
  • 

динамическое добавление строк в таблицу

PaSol
Так данные откуда? Если еще и данные в option с машины пользовтаеля - тогда никак. А если данные с сервера - тогда ajax.

LJ: Backslashed life (rss)

PaSol

• Завсегдатай
• Новичок
• 
• Сообщений: 38
• +0/-0
• 0
• • 
  • 

динамическое добавление строк в таблицу

данные с сервера....а с ajax что-то я не разобрался....спасибо тебе за помощь, сделаю через добавление в файл новой строки и нового чтения его и вывода на экран новой информации

http://www.php.net/manual/ru/

CGVictor

• теперь местный
• Глобальный модератор
• Ветеран
• 
• Сообщений: 2511
• +0/-0
• 2
• • 
  • 

динамическое добавление строк в таблицу

PaSol
Про AJAX: на клиенте
- Создаешь объект-запрос
- При создании строки посылаешь запрос серверу на получение списка для option
- Создаешь пока прочие элементы
- Читаешь ответ сервера
- Добавляешь select с нужным списком option
- Выводишь
На сервере: пишешь скрипт, который бы запросу от клиента выдавал подходящий список option-s.

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

LJ: Backslashed life (rss)

• Печать

Страницы: [1]   Вверх

« предыдущая тема следующая тема »

• Forum Webscript.Ru »
• Программирование »
• PHP »
• динамическое добавление строк в таблицу

 

Sitemap 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 

• SMF 2.0.19 | SMF © 2016, Simple Machines
• XHTML
• RSS
• Мобильная версия

Страница сгенерирована за 0.223 секунд. Запросов: 21.

[CGVictor]

PaSol
Раз, с примером:
http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/appendchild.asp

Два - может, пригодится, т.к. тебе ж не один элемент вставлять, а рисовать новую строчку:
http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/clonenode.asp

Ну и собссно методы DOM.
- - - - -

Option можно
раз) - заполнять на сервере, это проще, безопасней и совместимее
два) - заполнять на клиенте, получив данные ajax-скриптом (это в гугль и к Котерову)

[PaSol]

<script language="JavaScript"> 
function createTable() 
    { 
     
    var newElem=document.createElement("table");//новый элемент страницы (TABLE) 
    newElem.border=1;//толщина рамки таблицы 
     
    var newRow=newElem.insertRow(0);//добавляю строку в созданной таблице 
    var newCell = newRow.insertCell(0);//в созданной строке добавляю столбец 
    newCell.width="200";//указываю длину столбца
    newCell.align="center";//указываю позиционирование
    newCell.innerHTML="<b>строка 1 столбец 1</b>";//заполняю ячейку жирным текстом 
     
    var newCell = newRow.insertCell(-1);// и т.д.
    newCell.width="400";
    newCell.align="center";
    newCell.innerText="<b>строка 1 столбец 2</b>";//заполняю ячейку текстом 
     
    var newRow=newElem.insertRow(1);//добавляю ещё одну строку в таблицу 
    var newCell = newRow.insertCell(0); 
    newCell.width="200";
    newCell.align="center";
     
    addText=document.createTextNode("<b>строка 2 столбец 1</b>");
    newCell.appendChild(addText); 
     
    var newCell = newRow.insertCell(-1);  
    newCell.width="400"; 
    newCell.align="center"; 
    addElem=document.createElement("b"); 
    addText=document.createTextNode("строка 2 столбец 2"); 
    addElem.appendChild(addText); 
    newCell.appendChild(addElem); 
     
    document.body.appendChild(newElem);//прописываю созданную таблицу на страницу 
    } 
</script> 



вот могу теперь таблицы создавать:) (вы об этом говорили??)...а с option пока не понял:(

[PaSol]

CGVictor:
раз) - заполнять на сервере, это проще, безопасней и совместимее

как я могу заполнять option на сервере, если добавление происходт на машине пользователя?

как я понимаю...от js в данном случае придеться отказаться

[CGVictor]

PaSol
Так данные откуда? Если еще и данные в option с машины пользовтаеля - тогда никак. А если данные с сервера - тогда ajax.

[PaSol]

данные с сервера....а с ajax что-то я не разобрался....спасибо тебе за помощь, сделаю через добавление в файл новой строки и нового чтения его и вывода на экран новой информации

[CGVictor]

PaSol
Про AJAX: на клиенте
- Создаешь объект-запрос
- При создании строки посылаешь запрос серверу на получение списка для option
- Создаешь пока прочие элементы
- Читаешь ответ сервера
- Добавляешь select с нужным списком option
- Выводишь
На сервере: пишешь скрипт, который бы запросу от клиента выдавал подходящий список option-s.

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