Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Вместо div форма и обратно

Автор: klulena 19.8.2016, 18:10

Добрый день. Помогите, пожалуйста. Я в этом деле новичок и изъясняюсь не очень )).

Есть таблица и при нажатии кнопки Добавить появляется форма. После заполнения при нажатии Отправить должна появиться обратно таблица с уже добавленной строкой.

Делала с помощью replaceWith() все хорошо, когда я нажимаю на Добавить появляется форма. А вот когда нажимаю Отправить, таблица обратно не появляется. Судя по всему она удаляется. Как лучше сделать, чтобы обратно появлялась таблица.

<form id="add" class="rf" name="add" method="post" action="/api/firm" style="display: none;">
            <label>Название организации:</label>
            <input class="input_text" type="text" name="namefirm"/> <br>
            <label>Адрес:</label>
            <input class="input_text" type="text" name="addressfirm"/>
            <input class="btn_on disabled" id="btn_on" value="Отправить данные" onclick="showDiv()"/>
            <input class="btn_cancel" id="btn_cancel" value="Отмена" onclick="showDiv()"/>
</form>

        <table name="AllFirms" class="tableFirms">
            <tr>
                <th>№</th>
                <th>Название</th>
                <th>Адрес</th>
            </tr>
        </table>

Автор: igorold 19.8.2016, 18:39

Не увидел у вас в верстке ничего, что называлось бы "Добавить"

Этот ответ добавлен с нового Винграда - http://ru.vingrad.com/Vmesto-div-forma-i-obratno-id57b721c266ee1839de554782#findElement_E7045_57b7283fca80ff228102134d_0

Автор: igorold 19.8.2016, 18:39

Автор: klulena 22.8.2016, 10:08

Цитата(igorold @ 19.8.2016, 18:39)

<div class="content-sprav-center">

    <div id="formFirms">
        <form id="add" class="rf" name="add" method="post" action="/api/firm" style="display: none;">
            <label>Название организации:</label>
            <input class="input_text" type="text" name="namefirm"/> <br>
            <label>Адрес:</label>
            <input class="input_text" type="text" name="addressfirm"/>
            <input class="btn_on disabled" id="btn_on" value="Отправить данные" onclick="showDiv()"/>
            <input class="btn_cancel" id="btn_cancel" value="Отмена" onclick="showDiv()"/>
        </form>
    </div>

    <div id="tableFirms">
    <h2>Справочник фирм</h2>

        <table name="AllFirms" class="tableFirms">
            <tr>
                <th>№</th>
                <th>Название</th>
                <th>Адрес</th>
            </tr>
        </table>
    </div>
</div>

<div class="content-sprav-right">
    <a class="show-btn" id="show-btn-add">Добавить </a>
    <a class="show-btn" id="show-btn-update">Изменить </a>
    <a class="show-btn" id="show-btn-delete">Удалить </a>
</div>