Написать код с AJAX и HTML5 history API
2246 UAHПаралакс не нужен. На сайте с примером, контент разделов уже находится на странице в скрытом виде, а подгружается через 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
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Розробка платформи AM Mobility (автосервіс, парковка, страхування, оренда автомобілів)
259 176 UAH
Шукаємо команду або досвідченого Full Stack розробника для створення MVP платформи AM Mobility. AM Mobility — це єдина цифрова екосистема для автомобілістів, що об'єднує в одному додатку та веб-платформі: парковку; автосервіс; шиномонтаж; автомийку; оренду автомобілів;… Javascript та Typescript, Веб-програмування ∙ 3 дні 15 годин тому ∙ 106 ставок |
Gsap анімації
1000 UAH
Доброго дня. Треба внести правки в поточному проєкті. Потрібен фахівець, який добре працює на gsap/lenis Треба зробити анімацію карточок. Детально ТЗ тут: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Треба проявити креатив та… Javascript та Typescript, Веб-програмування ∙ 3 дні 21 година тому ∙ 21 ставка |
Комерційна on-premise платформа відеозв'язку «ViM»Требуется разработати on-premise систему відеозв'язку з базовим розрахунком на 100 одночасних підключень (10 ізольованих кімнат по 10 осіб). Платформа повинна мати закладену архітектуру для майбутнього горизонтального масштабування до 1000 користувачів шляхом додавання нових… Javascript та Typescript, Веб-програмування ∙ 4 дні 16 годин тому ∙ 32 ставки |
Шукаю наставника з Claude Code для запуску веб-проєкту з нуля**Коротко про завдання:** Я новачок без досвіду в програмуванні. Є готове ТЗ на розробку сайту (42 сторінки, Next.js, PostgreSQL). Хочу реалізувати його самостійно за допомогою Claude Code - потрібен спеціаліст, який налаштує середовище і навчить мене працювати з інструментом.… Javascript та Typescript, Навчання ∙ 5 днів 20 годин тому ∙ 18 ставок |
Оновлення дизайну на сайтіПотрібно оновити дизайн існуючого сайту, використовуючи HTML, CSS, JS: освіжити зовнішній вигляд, зробити його сучасним і адаптивним під мобільні пристрої. Потрібно додати плавні анімації та інтерактивні елементи. HTML та CSS верстання, Javascript та Typescript ∙ 6 днів 13 годин тому ∙ 91 ставка |
Україна