Модель фронтенда на 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
- после этого активировать кнопку очистки второй и третьей див-панели для возможности нового выбора, оставить только уже загруженные бызы.
Нужны хотя бы минимальные комментарии по коду, в планах развитие и заказ доработок.
Applications 2
Current freelance projects in the category Javascript and Typescript
Commercial on-premise video communication platform "ViM"It is required to develop an on-premise video conferencing system with a basic calculation for 100 simultaneous connections (10 isolated rooms of 10 people each). The platform should have a built-in architecture for future horizontal scaling up to 1000 users by adding new media… Javascript and Typescript, Web Programming ∙ 11 hours 43 minutes back ∙ 22 proposals |
I am looking for a mentor with Claude Code to launch a web project from scratch.Brief about the task: I am a beginner with no programming experience. I have a ready specification for website development (42 pages, Next.js, PostgreSQL). I want to implement it myself using Claude Code - I need a specialist who will set up the environment and teach me how to… Javascript and Typescript, Tuition ∙ 1 day 15 hours back ∙ 18 proposals |
Website design updateIt is necessary to update the design of the existing website using HTML, CSS, JS: refresh the appearance, make it modern and responsive for mobile devices. Smooth animations and interactive elements need to be added. HTML & CSS, Javascript and Typescript ∙ 2 days 9 hours back ∙ 89 proposals |
Consultation and audit of the current project on Odoo 19 Community EditionWe are looking for an Odoo Developer — a solo developer with experience in Odoo 19 Community Edition, including using Claude Code. We need a specialist who has successfully implemented projects in Odoo and practical experience in development using Claude Code. Important: we only… C & C++, Javascript and Typescript ∙ 2 days 14 hours back ∙ 7 proposals |
Online clothing storeNeed a developer for an online clothing store Looking for an experienced developer to create a full-fledged online clothing store with a drop model of sales. What needs to be done: 6 pages: home, product, cart, checkout, account, admin panel Login via Google account Cart and… HTML & CSS, Javascript and Typescript ∙ 4 days 11 hours back ∙ 102 proposals |