Написать код с AJAX и HTML5 history API
50 USDПаралакс не нужен. На сайте с примером, контент разделов уже находится на странице в скрытом виде, а подгружается через 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
Current freelance projects in the category Javascript and Typescript
Development of the AM Mobility platform (car service, parking, insurance, car rental)
5770 USD
We are looking for a team or an experienced Full Stack developer to create the MVP of the AM Mobility platform. AM Mobility is a unified digital ecosystem for motorists, combining in one application and web platform: parking; car service; tire fitting; car wash; car rental;… Javascript and Typescript, Web Programming ∙ 3 days 12 hours back ∙ 105 proposals |
Gsap animations
22 USD
Good day. Corrections need to be made in the current project. A specialist is needed who works well with gsap/lenis. Animation of cards needs to be done. Detailed specifications here:… Javascript and Typescript, Web Programming ∙ 3 days 18 hours back ∙ 21 proposals |
Commercial on-premise video communication platform "ViM"It is required to develop an on-premise video conferencing system with a basic calculation for 100 simultaneous connections (10 isolated rooms of 10 people each). The platform should have a built-in architecture for future horizontal scaling up to 1000 users by adding new media… Javascript and Typescript, Web Programming ∙ 4 days 13 hours back ∙ 32 proposals |
I am looking for a mentor with Claude Code to launch a web project from scratch.Brief about the task: I am a beginner with no programming experience. I have a ready specification for website development (42 pages, Next.js, PostgreSQL). I want to implement it myself using Claude Code - I need a specialist who will set up the environment and teach me how to… Javascript and Typescript, Tuition ∙ 5 days 17 hours back ∙ 18 proposals |
Website design updateIt is necessary to update the design of the existing website using HTML, CSS, JS: refresh the appearance, make it modern and responsive for mobile devices. Smooth animations and interactive elements need to be added. HTML & CSS, Javascript and Typescript ∙ 6 days 11 hours back ∙ 91 proposals |
Ukraine