Написать код с AJAX и HTML5 history API
184 PLNПаралакс не нужен. На сайте с примером, контент разделов уже находится на странице в скрытом виде, а подгружается через prependto. У нас загрузка контента должна осуществляться через ajax со страницы подкатегории. И все это без перезагрузки. Список подкатегорий располагается на втором и третьем уровне вложенности (страница категории и страница подкатегории).
Разметка страницы категории:
< ul >
< li >
< a href="category/subcategory1" >Title 1< /a > < !-- При нажатии, добавляем ниже < div id="content" >< /div > и грузим в него контент через ajax с #inner -- >
< /li >
< li >< a href="category/subcategory2" >Title 2< /a >< /li >
< li >< a href="category/subcategory3" >Title 3< /a >< /li >
< /ul >
Если зайти в подкатегорию по прямой ссылке, она выглядит аналогично, с eдинственным отличием - блок текущего пункта меню должен быть раскрыт.
< ul >
< li >< a href="category/subcategory1" >Title 1< /a >< /li >
< li >< a href="category/subcategory2" >Title 2< /a >< /li >
< li >< a href="category/subcategory3" >Title 3< /a >< /li >
< /ul >
< div id="inner" style="visibility: hidden" data-title="Title 1" >контент< /div >
При загрузке страницы получаем значение "data-title", ищем на странице соответствующий пункт, вставляем после < a >< /a > блок < div id="content" >< /div > и переносим в него контент с #inner
При переходе между разделами, должен менятся url через history. Для старых браузеров наверное не обойдтся без location.hash
От вас требуется:
1. Подключить RoyalSlider (библиотеки и стили загружены)
2. Добавить кнопки навигации между разделами аналогично сайту-примеру (close, prev, next, scroll/loading)
3. Прописать подмену урла (частично сделано)
4. Прописать подгрузку контента для страницы подкатегории
5. Ajax .load, раскрытие блоков, ScrollTo уже работают, нужно допилить
Стоимость обсуждается. Подробности в личку. Скайп: btl-ua
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Poprawić CSS/DOM-układ kart w rozszerzeniu Chrome dla lokalizacji D&D BeyondJest to rozszerzenie Chrome Manifest V3, które lokalizuje stronę D&D Beyond na język ukraiński. Projekt napisany jest w TypeScript + WXT. Rozszerzenie działa poprzez skrypt zawartości: znajduje angielski tekst na stronach D&D Beyond i zastępuje go ukraińskim tłumaczeniem.… Układ HTML i CSS, Javascript & Typescript ∙ 22 godziny 20 minut temu ∙ 36 ofert |
Rozwój platformy AM Mobility (serwis samochodowy, parking, ubezpieczenie, wynajem samochodów)
21 245 PLN
Szukamy zespołu lub doświadczonego programisty Full Stack do stworzenia MVP platformy AM Mobility. AM Mobility to jednolita cyfrowa ekosystem dla kierowców, łącząca w jednej aplikacji i platformie internetowej: parking; serwis samochodowy; wulkanizację; myjnię samochodową;… Javascript & Typescript, Programowanie stron internetowych ∙ 1 dzień 7 godzin temu ∙ 98 ofert |
Animacje Gsap
82 PLN
Dzień dobry. Trzeba wprowadzić poprawki w bieżącym projekcie. Potrzebny specjalista, który dobrze pracuje na gsap/lenis Trzeba zrobić animację kart. Szczegółowe wymagania tutaj:… Javascript & Typescript, Programowanie stron internetowych ∙ 1 dzień 13 godzin temu ∙ 19 ofert |
Komercyjna platforma wideokonferencyjna on-premise „ViM”Wymagana jest opracowanie systemu wideokonferencyjnego on-premise z podstawowym obliczeniem na 100 jednoczesnych połączeń (10 izolowanych pokoi po 10 osób). Platforma powinna mieć wbudowaną architekturę do przyszłego poziomego skalowania do 1000 użytkowników poprzez dodawanie… Javascript & Typescript, Programowanie stron internetowych ∙ 2 dni 8 godzin temu ∙ 31 ofert |
Szukam mentora z Claude Code do uruchomienia projektu internetowego od zera**Krótko o zadaniu:** Jestem nowicjuszem bez doświadczenia w programowaniu. Mam gotowe TŻ na rozwój strony (42 strony, Next.js, PostgreSQL). Chcę zrealizować to samodzielnie za pomocą Claude Code - potrzebuję specjalisty, który skonfiguruje środowisko i nauczy mnie pracy z… Javascript & Typescript, Edukacja ∙ 3 dni 12 godzin temu ∙ 18 ofert |
Ukraina