Bloki przylegające
2) Na liście 5 bloków (do 10).3) Przy naciśnięciu obszaru z literą D do obiektu JS dodaje się wskaźnik (dodaje się właściwość) do tego bloku.Obiekt JS zapamięta wskaźniki bloków, na których naciśnięto D, i zapomina o blokach, na których naciśnięto U.
5) Bloki mogą być przenoszone - te wskaźniki, które są w obiekcie JS
6) Bloki mogą zmieniać rozmiar - te wskaźniki, które znajdują się w obiekcie JS
7) Jeśli przy uwalnianiu przycisku myszy podczas przenoszenia lub zmiany rozmiaru, obok (do 20 px) znajdował się inny blok, to przenoszący (zmienny blok) przylega do najbliższego sąsiada.8) Szerokość strefy przyczepności można zmienić - przesyłać parametr do obiektu JS - jednolita wartość w kierunku pionowym i horyzontalnym
9) W razie potrzeby - kod przepływu bloku może zostać zmieniony
gotowy projekt - ruchliwy blok
1) element oznaczony literą F - aktywna strefa do poruszania się bloku, naciśnięty mięśnią i
2) element oznaczony literą O - aktywna strefa zmiany rozmiaru w wysokości i szerokości, naciśnięty mięśnią i zmienić rozmiar.3) Minimalne rozmiary bloku 300x200px
Blok nie może przekraczać wielkości ekranu
5) jeśli przy przeniesieniu blok osiąga granicę, to najpierw zmniejsza się w wysokości do minimalnej wartości w tym kierunku, a następnie przeniesienie zatrzymuje się.Wyjaśniające rysunki w inwestycji
Logika i przetwarzanie zdarzeń realizowane w jednym obiekcie JS (funkcje)
Projekt gotowy - Archiwum projektu
Plik z rezultatem
Opinia zleceniodawcy o współpracy z Mark Kompanets
Bloki przylegająceProjekt został przedstawiony od pierwszego przedstawienia, doskonała i dokładna praca.
W projekcie zrealizowano kompleksową interakcję wielu obiektów.
![]()
Opinia freelancera o współpracy z ze zleceniodawcą
Bloki przylegająceDziękuję za projekt! Cieszę się współpracą!
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Full-stack rozwój — Amazon PPC Dashboard (Etap 1)Potrzebny programista full-stack z doświadczeniem w pracy z Amazon API do realizacji Etapu 1 wewnętrznego dashboardu PPC. Projekt realny, dane żywe, wszystko gotowe do startu. Prototyp frontendu (5 stron, React + TypeScript): CO JUŻ GOTOWE — Prototyp frontendu na React 18 +… Javascript & Typescript, Programowanie stron internetowych ∙ 1 dzień 12 godzin temu ∙ 27 ofert |
Opracowanie strony internetowej do tworzenia fotoksiążek i ram fotowychCel projektuNależy opracować nowoczesną stronę internetową do zamawiania fotoksiążek, ram fotowych i innych spersonalizowanych produktów fotograficznych.Głównym celem projektu jest umożliwienie klientowi samodzielnego stworzenia gotowego projektu produktu bez udziału projektanta… Javascript & Typescript, Programowanie stron internetowych ∙ 3 dni 4 godziny temu ∙ 96 ofert |
Zespół do samodzielnie stworzonej platformy rynkowej usług pogrzebowych.Poszukujemy zespołu do uruchomienia i rozwoju autorskiej krajowej platformy rynkowej usług pogrzebowych. Od razu: nie szukamy pojedynczych osób, juniorów ani "zbieraczy stron". Potrzebny jest silny zespół produktowy na poziomie middle+/senior z rzeczywistymi przypadkami… Javascript & Typescript, Programowanie stron internetowych ∙ 3 dni 22 godziny temu ∙ 27 ofert |
Dopracowanie istniejącego projektu Next.js/Supabase: oferty, CRM, analityka, czat AIIstnieje działający projekt WatchGenius — platforma analityczna luksusowych zegarków z katalogiem modeli, analizą cen, zewnętrznymi ofertami, formularzami zgłoszeniowymi i czatem AI. Projekt został już częściowo opracowany. Potrzebny jest doświadczony programista full-stack,… Javascript & Typescript, Programowanie stron internetowych ∙ 6 dni temu ∙ 55 ofert |
Szukam Senior Full-Stack dewelopera (Payload CMS) — migracja 2 stron internetowych sieci hoteliSieć kurortowych hoteli przechodzi z Webflow na własny headless-stack. Dwie strony korporacyjne (~140 stron razem), architektura multi-tenant — jeden kod obsługuje kilka hoteli na różnych domenach. Projekt już wystartował: infrastruktura jest wdrożona, najemcy są… Content Management Systems, Javascript & Typescript ∙ 9 dni 22 godziny temu ∙ 19 ofert |