Архив: AJAX-редактирование ячейки в HTML-таблице
Бюджет
8$
/ 500
руб
в месяц
Создан: 6 лет назад
Закрыт
- Описание
- Есть простейшая табличка на HTML (см. скрин вложения или сразу fl.php). Нужно реализовать возможность редактирования ее ячеек налету, используя AJAX, с последующим сохранением в базу SQL.
Детали того, что нужно сделать на примере прикрепленного скриншота:
1) Загрузить в таблицу данные из sql-базы (табличка базы прилагается).
2) При клике на любую ячейку на месте данных должно появиться поле ввода, в нем указано это же значение из ячейки и сразу выделен текст, потом я могу с клавиатуры сразу вписать свое значение и при нажатии Enter, Esc или кликом мышкой в любом другом месте страницы – поле исчезает, его новые данные появляются в ячейке и записываются в базу данных. Через AJAX.
3) Там, где в ячкейках вместо текста/цифр чекбокс – нужно просто при клике записать в базу через ajax значение 1 или 0 соответственно.
Учесть нюансы:
- чтобы я мог как-то визуально понять, что данные в базу успешно записались, напрмиер, если буду быстро прокликивать чекбоксы, тем самым меняя их статусы и посылая ajax-запросы и записи в бд, то логично и хорошо будет, чтобы после клика прежнее значение в самой ячейке сразу не менялось на новое и потом происходила запись в базу, а чтобы сначала происходила запись и, если она успешна,тогда уже менять значение в самой табличке. Так же и с цифрами/текстом. Т.е. так я буду видеть, что данные реально сохранились и учлись. Лично я вижу 2 варианта: 1) показывать в ячейке новые данные именно запросом с бд уже после записи в нее новых данных; 2) заменять введенные мной данные в ячейке посредством js, но только тогда, когда точно значем, что ajax-запрос успешно ушел и запись в бд произошла (чтобы каждый раз слать кучу запросов в бд).
- не все столбцы доступны для редактирования, в каких-то будет ТОЛЬКО загружаться данные из sql. В этом примере редактировать НЕЛЬЗЯ столбцы: " пп", "Статус", "Описание". Все остальные можно.
- в столбце "Скорость" в sql базе данные идут как float и пишутся через "точку". При выводе в таблице точку надо заменить на "запятую".
- столбец " пп" формируется просто по кол-ву записей в sql – с 1 до кол-ва записей. Т.е. это НЕ столбец "id" в sql, а просто обьычное пронумерование.
- значения столбца "Статус" в табличке преобразуются из sql-вских занчений 1/0 в текстовые "да/нет" соответственно.
ВАЖНО: Кто дочитал, просьба сразу предлагать свои цены и сроки тут под заданием. Т.к. тут пишет много ботов, которые даже не читают текст задания, таких буду просто игнорировать и отвечать только нормальным, обычным людям :) Мне бы чем быстрее, тем лучше :)
- Категория
Похожие проекты
0
0
Нужна разработка сайта (проектирование, дизайн, программирование,тестирование) на CMS «1С-Битрикс», интеграция с системой управления контентом, развертывание и настройка на сервере Заказчика, гарантийная поддержка в течение 3 месяцев. Обращаю ваше внимание, на то что в ТЗ указан способ предоставления......
1 месяц назад
0
0
Ищем специалиста, который имеет опыт в разработке мобильных приложений с использованием фреймворка Expo. В целом задача будет заключаться в отладке сервиса сбора геоданных пользователей внутри приложения, созданного на Expo. Также необходимо проработать функциональность трекинга геолокации пользователя......
3 месяца назад
0
3
0
0
Сайт для просмотра специализированной БД База данных 10000 строк Необходимо: Сохранить структуру и функциональность существующего сайта. Заменить БД на актуальную. Создать инструмент для импорта обновленной БД из файла вручную. Внести корректировки в работу с базой данных (защита от скачивания, пагинация......
7 месяцев назад
0
1
$143
0
3
Oпpocы (1010pyб/чaс) Заходитe на сaйт: gonsù....
11 месяцев назад
$71
0
3
Всем привет! Необходимо разработать лендинг на платформе Salebot. Лендинг будет в стиле визитка для кофейни. Интересует именно данная платформа, так как многие мои услуги сделаны именно там....
1 год назад
0
3
Ищу клиента для создания учебного проекта и оформления портфолио бесплатно или за символическую сумму....
1 год назад
$500
0
10
Мы ищем fullstack разработчика, который может сделать сайт под ключ. Есть детальное ТЗ, обязатедбное к ознакомлению и наработки по дизайну в виде макета Figma....
1 год назад
$120
0
7
Должно быть у исполнителя готовое и грамотно сделанное портфолио....
1 год назад
11
5
Нужен сайт по открытию кейсов для игры Standoff 2. Нужен самый обычный дизайн. Личный кабинет, инвентарь, авторизация через ВК. В Админке должна быть возможность создавать/удалять кейсы, редактировать шансы на выпадение какого-либо дропа, количество кейсов, устанавливать цену. В Админке должна быть возможность......
1 год назад
0
9
Требуется веб дизайнер для 2х проектов:. Оптимизации существующего сайта (лендинг) по танцевальному фитнесу на wix. com. Создание онлайн магазина био добавок и его оптимизация. Ищем профессионального дизайнера, который готов на долгосрочное сотрудничество....
1 год назад
0
4
Нужно сделать сайт просчет оффера. Верстка страницы с Figma....
1 год назад
$33
10
2
Мне нужен бот перехватчик для программы ( taxsee driver ) чтобы брать предварительные и текущие заказы. Требования: . 1 бот перехватчик нужен для android. 2 можно писать bоt под моим аккаунтом или другие варианты. 3 функция отключения и включения бота когда он нужен или не нужен. За хорошую работу готов......
1 год назад
$22
27
4
76
2
Ищу фрилансера для создания лендингов на Битрикс24. Занятость постоянная, 1 раз в 3 месяца....
1 год назад
138
3
Обменник криптовалют ( ТЗ во вложении)....
1 год назад
498
13
Необходимо написать небольшую серверную часть учебного сайта для запуска под виртуальной машиной Oracle VM VirtualBox Debian 6. 1 используя php7. 33 и базу MongoDB....
1 год назад
134
8
ИЩУ СПЕЦОВ – ВЫСОКОГО УРОВНЯ! 1). Уточните, какое у вас образование. 2). Обязательно предоставьте портфолио - лучшие работы. 3). Условия сотрудничества – по договоренности (сообщите ваши предварительные условия). П. все предложения, которые меня заинтересуют – либо отвечу, либо сохраню контакты в......
1 год назад
89
1
Нужно будет делать видео по примеру уже готового видео. Вы подойдете если : имеете базовые-легкие знания в трейдинге,если у вас хороший микрофон, нормальная дикция, и есть программа для снятия экрана на видео. (Себя снимать не нужно,только видео экрана) Чем выше качество тем выше оплата . Оплата за среднее......
1 год назад
$111
122
3
Добрый день заинтересовавшимся! У нас сайт на стадии разработки на ОС 3. Создано ТЗ. Необходимо выполнить все пункты в ТЗ. Предварительно 10 000 руб. Поднятие цены можно и обсудить....
1 год назад
Перетащите