Показать сообщение отдельно
  #46 (permalink)  
Старый 16.07.2015, 18:09
Аватар для Sigizmund2012
Профессор
Отправить личное сообщение для Sigizmund2012 Посмотреть профиль Найти все сообщения от Sigizmund2012
 
Регистрация: 16.07.2014
Сообщений: 267

Сообщение от Эдди Посмотреть сообщение
рони. Все же jQuery?
Я этот простой скрипт на простом JS написать. Не судьба?
<style>
    #table td{
        border: 1px solid gray;
        padding: 5px;
    }
</style>
<table id="table">
    <tbody id="table__body">
    <tr>
        <td>item_1</td>
        <td>item_2</td>
        <td>item_3</td>
        <td>item_4</td>
    </tr>
    <tr>
        <td>item_1</td>
        <td>item_2</td>
        <td>item_3</td>
        <td>item_4</td>
    </tr>
    <tr>
        <td>item_1</td>
        <td>item_2</td>
        <td>item_3</td>
        <td>item_4</td>
    </tr>
    <tr>
        <td>item_1</td>
        <td>item_2</td>
        <td>item_3</td>
        <td>item_4</td>
    </tr>
    <tr>
        <td>item_1</td>
        <td>item_2</td>
        <td>item_3</td>
        <td>item_4</td>
    </tr>
    </tbody>
</table>
<button id="add">Add row</button>
<button id="remove">Remove row</button>
<script>
var tableBody = document.getElementById('table__body');
var addBtn = document.getElementById('add');
var removeBtn = document.getElementById('remove');
var removeTr;

removeBtn.onclick = function(e){
    removeTr = tableBody.removeChild(tableBody.lastElementChild);
};
addBtn.onclick = function(e) {
    var clone;
    if (removeTr) {
        tableBody.appendChild(removeTr);
        removeTr = null;
    }
    else{
        clone = tableBody.lastElementChild.cloneNode(true);
        tableBody.appendChild(clone);
    }
};
</script>

Что-то типа такого. Допиливать под себя придётся конечно. В принципе ноду можно не клонировать, оставить только if, тогда добавляться в таблицу будет последняя удалённая строка.

Последний раз редактировалось Sigizmund2012, 16.07.2015 в 18:18.
Ответить с цитированием