Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 27.03.2020, 13:40   #1
volni
Форумчанин
 
Регистрация: 16.03.2019
Сообщений: 188
По умолчанию Обработчик на ячейку таблицы

Здравствуйте, вот у меня есть таблица с input полями, как мне сделать:
Код:
<table>
			<tr>
			<td>Производитель</td><td>Наименование</td><td>Цена закупки</td><td>Интерфейсы</td><td>Наличие</td>
			</tr>
			<tr>
			<td><input type="text" name="1" /></td>
			<td><input type="text" name="2" /></td>
			<td><input type="text" name="3" /></td>
			<td><input type="text" name="4" /></td>
			<td><input type="text" name="5" /></td></tr>
			</table>
Как мне сделать, чтобы после заполнения или изменения значений ячейки таблицы, значение этой ячейки отправлялось в базу, сам php запрос я знаю, как сделать, я не знаю, как отправить в php скрипт переменную из ячейки сразу после заполнения.
Вот, как я это вижу:
1.Пользователь заполняет ячейку;
2.Как только пользователь убрал фокус с ячейки с данными, переменная, где они хранятся, отправляется в php форму;
3.php скрипт отправляется в базу.

Я не знаю, как сделать обработчик к пункту 2.

Спасибо за внимание=)
volni вне форума Ответить с цитированием
Старый 28.03.2020, 10:48   #2
klokov.dmitriy
Новичок
Джуниор
 
Регистрация: 26.03.2020
Сообщений: 2
По умолчанию

Вешаете js-событие на input-ы. И через ajax отправляете значение этого поля в ваш скрипт. Либо оборачиваете таблицу в форму, и по событию просто отправляете всю форму в ваш скрипт.

Есть событие onblur, но я бы ещё добавил событие нажатия на enter.
klokov.dmitriy вне форума Ответить с цитированием
Старый 02.04.2020, 13:58   #3
Adam77
Пользователь
 
Регистрация: 12.03.2016
Сообщений: 46
По умолчанию

Цитата:
Сообщение от klokov.dmitriy Посмотреть сообщение
Вешаете js-событие на input-ы. И через ajax отправляете значение этого поля в ваш скрипт. Либо оборачиваете таблицу в форму, и по событию просто отправляете всю форму в ваш скрипт.

Есть событие onblur, но я бы ещё добавил событие нажатия на enter.
Здравствуйте, а можно небольшой пример хотя бы, чтобы я лучше понял?)
Adam77 вне форума Ответить с цитированием
Старый 03.04.2020, 08:45   #4
klokov.dmitriy
Новичок
Джуниор
 
Регистрация: 26.03.2020
Сообщений: 2
По умолчанию

Цитата:
Сообщение от Adam77 Посмотреть сообщение
Здравствуйте, а можно небольшой пример хотя бы, чтобы я лучше понял?)
Здравствуйте. Как-то так:
Код:
<table>
        <tr>
            <td>Производитель</td>
            <td>Наименование</td>
            <td>Цена закупки</td>
            <td>Интерфейсы</td>
            <td>Наличие</td>
        </tr>
        <tr>
            <td><input class="table-input" type="text" name="1" /></td>
            <td><input class="table-input" type="text" name="2" /></td>
            <td><input class="table-input" type="text" name="3" /></td>
            <td><input class="table-input" type="text" name="4" /></td>
            <td><input class="table-input" type="text" name="5" /></td></tr>
    </table>

    <script>
        /**
         * чистый js
         */
        var elements = document.getElementsByClassName('table-input');
        
        var myFunction = function() {
            //ваш код
        };

        for (var i = 0; i < elements.length; i++) {
            elements[i].addEventListener('blur', myFunction, false);
        }

        /**
         * jQuery
         */
        $('.table-input').blur(function() {
            //ваш код
        });
    </script>
klokov.dmitriy вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Уложить значение в ячейку таблицы Bayern_M JavaScript, Ajax 4 10.08.2015 17:17
вставить таблицу в ячейку таблицы word Ernest027 Общие вопросы Delphi 1 18.06.2015 12:55
поместить Текст в ячейку таблицы evg_m Microsoft Office Word 5 11.01.2013 10:08
Запись из эдита в ячейку таблицы Balabar Помощь студентам 1 25.11.2010 20:20
Вставка текста в ячейку таблицы Gapro JavaScript, Ajax 5 05.02.2010 19:25