Прикріплені блоки
2) На списку 5 блоків (до 10).3) При натисканні на область з буквою D в об'єкт JS додається індикатор (додається властивість) на цей блок.4) об'єкт JS пам'ятає індикатори на блоках, на яких натиснули D і забуває ті, на яких натиснули U
5) блоки можна переносити - ті індикатори на які є в об'єкті JS
6) блоками можна змінювати розмір - ті індикатори на які є в об'єкті JS
7) Якщо при звільненні кнопки миші при перенесенні або зміні розміру, поруч (до 20 px) виявився інший блок то переносимий (змінюється блок) наліпає до найближчого сусіда.8) Ширину зони приліпання можна змінити - передати параметр в об'єкт JS - єдиний значення по вертикалі і горизонталі
9) При необхідності - код для переміщеного блоку може змінюватися
Готовий проект - переміщений блок
1) елемент, зазначений буквою Ф - активна зона для переміщення блоку, натиснули м'язою і перенесли
2) елемент, зазначений буквою О - активна зона зміни розміру за висотою і шириною, натиснули м'язою і змінюємо розмір.3) мінімальні розміри блоку 300х200px
4) блок не може виходити за розміри екрану
5) якщо при перенесенні блок досягає межі, то він спочатку зменшується в розмірі до мінімальної величини в цьому напрямку, а потім переміщення зупиняється.Поясні малюнки в інвестиції
Логіка і обробка подій реалізовані в одному об'єкті JS (функції)
сам готовий проект - архів проекту
Результати роботи
Відгук замовника про співпрацю з Mark Kompanets
Прикріплені блокиПроект відданий з першого презентації, відмінна і точна робота.
У проекті реалізовано складну взаємодію багатьох об'єктів.
![]()
Відгук фрилансера про співпрацю з замовником
Прикріплені блокиДякуємо за проект! Радість за співпрацю!
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Інтернет-магазину одягуПотрібен розробник для інтернет-магазину одягу Шукаю досвідченого розробника для створення повноцінного інтернет-магазину одягу з дроп-моделлю продажу. Що потрібно зробити: 6 сторінок: головна, товар, кошик, оформлення, акаунт, адмін панель Вхід через Google акаунт Кошик і… HTML та CSS верстання, Javascript та Typescript ∙ 9 годин 33 хвилини тому ∙ 62 ставки |
Розробка повного стеку — Панель управління Amazon PPC (Етап 1)Потрібен full-stack розробник з досвідом роботи з Amazon API для реалізації Stage 1 внутрішнього PPC-дашборда. Проект реальний, дані живі, все готово до старту. Прототип фронтенда (5 сторінок, React + TypeScript): ЩО ВЖЕ ГОТОВО — Фронтенд-прототип на React 18 + TypeScript +… Javascript та Typescript, Веб-програмування ∙ 2 дні 20 годин тому ∙ 28 ставок |
Розробка сайту-конструктора фотокниг і фоторамокМета проекту Необхідно розробити сучасний веб-сайт для замовлення фотокниг, фоторамок та іншої персоналізованої фотопродукції. Головне завдання проекту — надати клієнту можливість самостійно створити готовий макет виробу без участі дизайнера безпосередньо на сайті.Основний… Javascript та Typescript, Веб-програмування ∙ 4 дні 12 годин тому ∙ 96 ставок |
Команда для самописного маркетплейса ритуальних послуг.Шукаємо команду для запуску та розвитку самописного національного маркетплейсу ритуальних послуг. Одразу: не шукаємо одиночок, джунів і “збирачів сайтів”. Потрібна сильна продуктова команда рівня middle+/senior з реальними кейсами маркетплейсів/складних SaaS. Прошу не… Javascript та Typescript, Веб-програмування ∙ 5 днів 7 годин тому ∙ 27 ставок |
Доопрацювання існуючого проекту Next.js/Supabase: оффери, CRM, аналітика, AI-чатЄ діючий проект WatchGenius — платформа аналітики люксових годинників з каталогом моделей, ціновою аналітикою, зовнішніми офферами, формами заявок та AI-чатом. Проект вже частково розроблений. Потрібен не сайт з нуля, а досвідчений full-stack розробник, який зможе розібратися в… Javascript та Typescript, Веб-програмування ∙ 7 днів 8 годин тому ∙ 55 ставок |