METENC

Спасибо за помощь. Я начал делать по такой схеме, но у меня что-то где не сошлось и я плюнул. В итоге так и нужно было делать. Кривенько, косенько, но вроде бы работает. Запишу в блокнотик ссылку на ваш хостинг. На всякий случай

window.onload = function() { var navigation = document.querySelector(".site-parts"), navigation.onclick = function(e) { var target = e.target; if(target.tagName != "A") return; var href= target.getAttribute('href'); history.pushState(null, null, href); insertContent(href); e.preventDefault(); }; }; \\ тут кончается onload function insertContent(href) { var req = new XMLHttpRequest(); req.onreadystatechange = function() { if(req.readyState == 4) { document.querySelector('.past-content').innerHTML = req.responseText; } }; req.open('GET', "https://lnf353.github.io/desoliosite/" + href.split('/').pop()); req.send(); } function historyCome() { insertContent(location.pathname); } window.addEventListener('popstate', historyCome); 1) В href я получаю только home.html, service.html т.к. они лежат прямо в корне сайта, где и index лежит: <a class="site-parts__link" href="our-team.html">Our team</a> 2) Допустим я обрезал href, то почему я получу, например desoliosite/service? Я получу desoliosite/. Если запушить в историю ссылку без *.html, то любые движения по истории будут меня перебрасывать на стартовую страницу. У меня есть предположение, что можно в функцию historyCome добавить конструкцию с выбором вида: function historyCome() { var newHref = location.pathname; if(href == "desoliosite/service") // если в отрезанной ссылке есть service newHref = "desoliosite/service/service.html" // то вставить в переменну контент, который должен там и тд insertContent(newHref); // подгрузить контент по ссылке } 3) Вероятно этот мой скрипт крайне ущербный и нужно его переделывать целиком. 4) Извините, если задаю ЧУДОВИЩНО глупые вопросы, но я продолжаю не понимать что делать, чтоб добиться желаемого результата.

navigation.onclick = function(e) { var target = e.target; if(target.tagName != "A") return; var href= target.getAttribute('href'); history.pushState(null, null, href); insertContent(href); e.preventDefault(); }; Вот пуш href полученного из ссылки, на которой клик сработал. Т.е. получается, что нужно пушить не конечный адрес в историю, а всю строку? history.pushState(null null https://lnf353.github.io/desoliosite/ + href) <—-- так ? Честно говорят, не очень я понимаю, что нужно сделать. Когда я нажимаю кнопку refresh, то какие команды браузер-то выполняет? Он посылает запрос на сервер? В js есть функция, которой можно перезагрузить страницу(кажется то что нужно), но как мне обработать событие reload page, что повесить на него функцию с перезагрузкой?

Приветствую. Сделал нечто https://lnf353.github.io/desoliosite/ У всего этого дела есть одна проблема, которая меня волнует(проблемы есть ещё, но не такие волнительные для меня), если перейти в раздел, которые подгружает кусок кода в блок past-content, то посредством стрелочек назад\вперед и api history можно ходите по странице взад\вперед. Но если, нажать refresh, то перезагружается только тот вставленный кусок когда. Как сделать так, чтоб при нажать кнопки ОБНОВИТЬ появлялась вся страница с загруженным в данный момент разделом. Я подозреваю, что для этого нужно php, но пчп я не трогал даже нежно пока. Ну и критика вёрстки, конечно, приветствуется. (забыл поработать с кнопкой на стартовом экране) Спасибо.

Хорошо, спасибо за помощь. Буду учиться, может к макету десятому будет выходить лучше.

При клике на меню, срабатывает скрипт, который пишет в список ul margin-left. Не работало с первого клика, т.к. не был задан никакой margin для блока и transition, видимо, не знал на что ему реагировать с первого клика. Но после клика margin-left появлялся и уже начинал работать так, как было задумано. Просто добавил вертикальный margin = 0 и всё стало работать. Есть какие-то критические неправильные моменты в моей верстке, на которые стоит обратить внимание и изменить подход? Спасибо.

Добавил размеры в тег img - вопрос: что делать, если при адаптивной вёрстке мне нужно менять размеры этих изображений? В css это решается просто, но как быть тут? Скриптом писать в html? Или как нужно поступать? Поправил nav. Поправил ID. Валидатор ругается на отсутствие заголовка в article. Так ли это критично? По логике, почему статья не может быть без заголовка, собственно? Могли бы вы указать места, на которые стоит обратить внимание? У меня ни на одном устройстве, браузере, сервере не работает transition с первого клика по меню. У вас точно меню плавно ползёт с первого клика? Спасибо.

Приветствую. Сделал этот сайт. До этого никогда не верстал ничего крупнее примеров. Не сделал модальное окно с конвертом и тд(сначала забыл, а теперь лень) При первоначальном построении структуры html, я не учёл то, что придется писать скрипты - поэтому там есть некоторые странные обёртки и блоки(да, и там странные названия в одном из js - я на кошка тренировался ). Не очень понимаю как делать адаптивную верстку. Там на сайте есть, но для планшетов(я думаю, что для планшетов). Мобильную версию не сделал. Написал скрипты на чистом js чтоб разобраться получше. К сожалению, сжал js файл для основного слайдера и исходников не сохранил(каюсь). Есть проблема, с которой я сталкиваюсь не первый раз, но не могу понять её суть: если кликать на пункте меню слайдера, то через transition список товаров движется вправо\влево ПЛАВНО. Но при первом клике просто срабатывает скрипт и всё резко перескакивает. после второго клика уже всё плавно и аккуратно. ПОЧЕМУ ТАК?! Такая же проблема наблюдалась в 4-х столбовом слайдере и я решил написать анимацию на чистом js. https://lnf353.github.io/ архив с scss и js Возможно, эта тема мёртвая, но я всё равно получил много удовольствия за вёрсткой этого макета. Спасибо. splat.zip