Написать код с AJAX и HTML5 history API
2226 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
Коммерческая on-premise платформа видеосвязи «ViM»Требуется разработать on-premise систему видеосвязи с базовым расчетом на 100 одновременных подключений (10 изолированных комнат по 10 человек). Платформа должна иметь заложенную архитектуру для будущего горизонтального масштабирования до 1000 пользователей путем добавления… Javascript и Typescript, Веб-программирование ∙ 19 часов 3 минуты назад ∙ 23 ставки |
Ищу наставника по Claude Code для запуска веб-проекта с нуля**Кратко о задаче:** Я новичок без опыта в программировании. Есть готовое ТЗ на разработку сайта (42 страницы, Next.js, PostgreSQL). Хочу реализовать его самостоятельно с помощью Claude Code - нужен специалист, который настроит среду и научит меня работать с инструментом. ---… Javascript и Typescript, Обучение ∙ 1 день 22 часа назад ∙ 18 ставок |
Обновление дизайна на сайтеНужно обновить дизайн существующего сайта используя HTML, CSS, JS: освежить внешний вид, сделать его современным и адаптивным под мобильные устройства. Требуется добавить плавные анимации и интерактивные элементы . HTML и CSS верстка, Javascript и Typescript ∙ 2 дня 16 часов назад ∙ 89 ставок |
Консультация и аудит текущего проекта на Odoo 19 Community Edition
Ищем Odoo разработчика — соло-разработчика с опытом разработки на Odoo 19 Community Edition, в том числе с использованием Claude Code. Нам нужен специалист, который успешно реализовал проекты в Odoo и имеет практический опыт разработки с использованием Claude Code. Важно:… C и C++, Javascript и Typescript ∙ 2 дня 21 час назад ∙ 7 ставок |
Интернет-магазин одеждыНужен разработчик для интернет-магазина одежды Ищу опытного разработчика для создания полноценного интернет-магазина одежды с дроп-моделью продаж. Что нужно сделать: 6 страниц: главная, товар, корзина, оформление, аккаунт, админ панель Вход через Google аккаунт Корзина и… HTML и CSS верстка, Javascript и Typescript ∙ 4 дня 19 часов назад ∙ 102 ставки |
Украина