Модель фронтенда на jquery.
Добрый день! Нужно набросать фронтенд под планшеты + работоспособность на айпадах.
Сам программист, не успеваю реализовать, нужна помощь. Никакого выноса мозга, нужен тупо рабочий кусок кода.
Интерфейс и данные демо-вида. Важна принципиально работающая модель для проверки работоспособности и быстродействия в связке с серверной частью (разрабатывается отдельно, к заданию не относится).
Вкратце: загрузили файлы, распарсили в массив и вывели в див куски, дальше легкая перетасовка данных.
Набросок внешнего вида и примеры файлов-баз во вложении.
Задание:
- загрузить и разобрать построчно каждый файл в отдельный массив
- каждый элемент (строка) должен быть представлен в своей див-панеле (3 файла базы - 3 див-панели с набором элементов-картинок, зеленая панель на макете) сетке/таблице из 2 колонок с изображением из столбца img с текстом из атрибута alt.
- в див-панеле должна быть выборка-отключение получившихся картинок по полю group (min/norm/max). Отображать только min, отображать только max или только norm, или все сразу.
- при нажатии на картинку (тач на мобильном в том числе желательна поддержка айфон) из массива выводим колонку div во вторую див-панель (желтая панель на макете), перед этим удаляя из нее все дивы с class имени этого файла "bace0" или "bace1" и т.д.. Названия не обязательно из файла, можно дописать в базу к какому-то атрибуту или столбцу или при создании массива добавить на лету. Получается как бы смена элементов из одного набора, остальные добавленные остаются на месте.
- одновременно с этим в 3 див-панель (голубая панель на макете) выводится колонка text с тем же принципом удаления предыдущего/замены на следующий элемент. В этой диве так же нужен вывод суммы всех значений текущих элементов из колонки count.
- стрелками или свайпом можно листать след/пред элементы из первой див-панели.
По нажатию кнопки SEND нужно отправить запрос на сервер со всеми выбранными элементами со второй или третьей панели (с данными из колонки id). Типа get http://127.0.0.1/id/7,8,15
- после этого активировать кнопку очистки второй и третьей див-панели для возможности нового выбора, оставить только уже загруженные бызы.
Нужны хотя бы минимальные комментарии по коду, в планах развитие и заказ доработок.
Додатки 2
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Комерційна on-premise платформа відеозв'язку «ViM»Требуется разработати on-premise систему відеозв'язку з базовим розрахунком на 100 одночасних підключень (10 ізольованих кімнат по 10 осіб). Платформа повинна мати закладену архітектуру для майбутнього горизонтального масштабування до 1000 користувачів шляхом додавання нових… Javascript та Typescript, Веб-програмування ∙ 15 годин 54 хвилини тому ∙ 22 ставки |
Шукаю наставника з Claude Code для запуску веб-проєкту з нуля**Коротко про завдання:** Я новачок без досвіду в програмуванні. Є готове ТЗ на розробку сайту (42 сторінки, Next.js, PostgreSQL). Хочу реалізувати його самостійно за допомогою Claude Code - потрібен спеціаліст, який налаштує середовище і навчить мене працювати з інструментом.… Javascript та Typescript, Навчання ∙ 1 день 19 годин тому ∙ 18 ставок |
Оновлення дизайну на сайтіПотрібно оновити дизайн існуючого сайту, використовуючи HTML, CSS, JS: освіжити зовнішній вигляд, зробити його сучасним і адаптивним під мобільні пристрої. Потрібно додати плавні анімації та інтерактивні елементи. HTML та CSS верстання, Javascript та Typescript ∙ 2 дні 13 годин тому ∙ 89 ставок |
Консультація та аудит поточного проєкту на Odoo 19 Community Edition
Шукаємо Odoo Developer — соло-розробника з досвідом розробки на Odoo 19 Community Edition, у тому числі за допомогою Claude Code. Нам потрібен спеціаліст, який має успішно реалізовані проєкти в Odoo та практичний досвід розробки з використанням Claude Code. Важливо: розглядаємо… C та C++, Javascript та Typescript ∙ 2 дні 18 годин тому ∙ 7 ставок |
Інтернет-магазину одягуПотрібен розробник для інтернет-магазину одягу Шукаю досвідченого розробника для створення повноцінного інтернет-магазину одягу з дроп-моделлю продажу. Що потрібно зробити: 6 сторінок: головна, товар, кошик, оформлення, акаунт, адмін панель Вхід через Google акаунт Кошик і… HTML та CSS верстання, Javascript та Typescript ∙ 4 дні 15 годин тому ∙ 102 ставки |
Харків