мелькание страниц при использовании history.js / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / мелькание страниц при использовании history.js

17 сообщений из 17, страница 1 из 1

мелькание страниц при использовании history.js

#39169392

rema174

Гость

У меня на сайте страницы, которые частично обновляются аяксом и ссылки на эти станицы выглядят так
автор...
http://localhost:8080/webapp/#2
http://localhost:8080/webapp/#3
http://localhost:8080/webapp/#4
http://localhost:8080/webapp/#5
...
также я подключил history.js (никаких инициализаций не использовал)
проблема возникает, когда я перехожу с аяксовой страницы на неаяксовую страницу (котора обноваляется полностью) и потом возвращаюсь назад по кнопке браузера "назад" - дело втом что браузер сначала показывает первую страницу.

при возращении по кнопке "назад" бразер сначала на мгновение показывает
http://localhost:8080/webapp/#1
а уже потом перескакивает
http://localhost:8080/webapp/#4

функция, которая перехватывает хэши

Код: javascript

1.
2.
3.

$( function() {
    $(window).on('hashchange', refreshByHash);
});

почему проиходит это мелькание? (без history.js браузер не перейдет обратно на #4)

...

Рейтинг:

0 / 0

12.02.2016, 11:48

| Ответить | Цитировать | Написать

мелькание страниц при использовании history.js

#39169402

rema174

Гость

т.е. я перехожу с
http://localhost:8080/webapp/#4
на
http://localhost:8080/webapp/help.html
и нажимается кнопка бразузера "назад"
дальше происходит как было показано выше

...

Рейтинг:

0 / 0

12.02.2016, 11:53

| Ответить | Цитировать | Написать

мелькание страниц при использовании history.js

#39171310

rema174

Гость

rema174,

неужели нихто?

вот пример того, о чем я говорю:
перейдите на страницу 5, перейдите на товар, нажмите кнопку назад в браузере и вас выкинет на первую страницу, а нужно на стр. 5, так понятнее?
http://cvetoland.ru/

...

Рейтинг:

0 / 0

15.02.2016, 14:02

| Ответить | Цитировать | Написать

мелькание страниц при использовании history.js

#39171549

Antonariy

Участник

Откуда: ☭

Сообщения: 80 221

Рейтинг: 0 / 0

я свою историю делал, у меня ничего не мигает.

надеюсь, помог.

...

Рейтинг:

0 / 0

15.02.2016, 16:50

| Ответить | Цитировать | Написать

мелькание страниц при использовании history.js

#39171551

Antonariy

Участник

Откуда: ☭

Сообщения: 80 221

Рейтинг: 0 / 0

rema174перейдите на страницу 5, перейдите на товар, нажмите кнопку назад в браузере и вас выкинет на первую страницу, а нужно на стр. 5, так понятнее?
http://cvetoland.ru/ ну так все правильно, ведь переход на пятую страницу в историю не попадает.

...

Рейтинг:

0 / 0

15.02.2016, 16:51

| Ответить | Цитировать | Написать

мелькание страниц при использовании history.js

#39171628

rema174

Гость

Antonariyrema174перейдите на страницу 5, перейдите на товар, нажмите кнопку назад в браузере и вас выкинет на первую страницу, а нужно на стр. 5, так понятнее?
http://cvetoland.ru/ ну так все правильно, ведь переход на пятую страницу в историю не попадает.

т.е. если записывать те страница на которые я перехожу в историю, то должно работать?
ок, например я перехожу так:
...
http://localhost:8080/webapp/#3 //запись в историю
http://localhost:8080/webapp/#4 //запись в историю
http://localhost:8080/webapp/#5 //запись в историю
http://localhost:8080/webapp/help.html

то тогда должно работать?
как делать запись в историю?

...

Рейтинг:

0 / 0

15.02.2016, 17:44

| Ответить | Цитировать | Написать

мелькание страниц при использовании history.js

#39171647

вадя

Участник

Откуда: Екатеринбург

Сообщения: 19 399

Рейтинг: 0 / 0

Antonariyrema174перейдите на страницу 5, перейдите на товар, нажмите кнопку назад в браузере и вас выкинет на первую страницу, а нужно на стр. 5, так понятнее?
http://cvetoland.ru/ ну так все правильно, ведь переход на пятую страницу в историю не попадает.
тут нет перехода на 5 страницу
и не надо путать понятие страниц
там всё происходит на одной странице
меняются только данные в там где происходит изменение при переходе по кнопкам "страниц" , но это уже не страницы в понимании браузера , это страницы только в сознании наблюдающего.
поэтому никакой истории нет

...

Рейтинг:

0 / 0

15.02.2016, 18:00

| Ответить | Цитировать | Написать

мелькание страниц при использовании history.js

#39171678

rema174

Гость

вадя,
ничего, пусть раскажет как он делает историю, чтобы она потом "подхватывалась" history.js

...

Рейтинг:

0 / 0

15.02.2016, 18:23

| Ответить | Цитировать | Написать

мелькание страниц при использовании history.js

#39171691

rema174

Гость

rema174чтобы она потом "подхватывалась" history.jsхотя она по сути и так подхватывает, только вот показ первой страницы берет непонятно откуда и портит всю картину

...

Рейтинг:

0 / 0

15.02.2016, 18:33

| Ответить | Цитировать | Написать

мелькание страниц при использовании history.js

#39171870

Antonariy

Участник

Откуда: ☭

Сообщения: 80 221

Рейтинг: 0 / 0

вадяAntonariyпропущено...
ну так все правильно, ведь переход на пятую страницу в историю не попадает.
тут нет перехода на 5 страницу
и не надо путать понятие страницстраница списка, итить-колотить! что такое paging у списков тебе известно?

...

Рейтинг:

0 / 0

15.02.2016, 23:44

| Ответить | Цитировать | Написать

мелькание страниц при использовании history.js

#39171871

Antonariy

Участник

Откуда: ☭

Сообщения: 80 221

Рейтинг: 0 / 0

rema174вадя,
ничего, пусть раскажет как он делает историю, чтобы она потом "подхватывалась" history.jsеще раз для особо внимательных: я не использую history.js

а историю я делаю стандартно: клик - history.push.

на странице (браузера, для особо понятливых) я определяю область, которая изменяется при клике, и в хистори пихаю определение этой области (селектор) и хтмл, который должен в ней быть. в событии чтения истории все тривиально: $(селектор).html(хтмл)

...

Рейтинг:

0 / 0

15.02.2016, 23:50

| Ответить | Цитировать | Написать

мелькание страниц при использовании history.js

#39171873

Antonariy

Участник

Откуда: ☭

Сообщения: 80 221

Рейтинг: 0 / 0

rema174rema174чтобы она потом "подхватывалась" history.jsхотя она по сути и так подхватывает, только вот показ первой страницы берет непонятно откуда и портит всю картинупервая страница списка отображается по умолчанию при заходе на сайт, и именно заход попадает в историю, а не первая страница сама по себе. а переход по страницам списка в историю не попадает вообще.

...

Рейтинг:

0 / 0

15.02.2016, 23:53

| Ответить | Цитировать | Написать

мелькание страниц при использовании history.js

#39171874

Antonariy

Участник

Откуда: ☭

Сообщения: 80 221

Рейтинг: 0 / 0

rema174Antonariyпропущено...
ну так все правильно, ведь переход на пятую страницу в историю не попадает.

т.е. если записывать те страница на которые я перехожу в историю, то должно работать?
ок, например я перехожу так:
...
http://localhost:8080/webapp/#3 //запись в историю
http://localhost:8080/webapp/#4 //запись в историю
http://localhost:8080/webapp/#5 //запись в историюэто ты всего лишь меняешь адресную строку. есть ли тут запись в историю, науке не известно. само по себе состояние dom при изменении #-части адреса в историю не пишется, это нужно делать руками.

...

Рейтинг:

0 / 0

15.02.2016, 23:58

| Ответить | Цитировать | Написать

мелькание страниц при использовании history.js

#39171879

Antonariy

Участник

Откуда: ☭

Сообщения: 80 221

Рейтинг: 0 / 0

собственно, код:

Код: javascript

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.

//пишем
    function AddState(state: IState): void {
        if (!state.url) return;
        if (!history.pushState) return;
        history.pushState(state, '', "#" + state.url);
    }

//читаем
    if (window.addEventListener) window.addEventListener('popstate', function (e) {
        if (!e.state) return;
        var st: IState = e.state;
        $(mainContent).replaceWith(st.html);
    }, false);

//что пишем и читаем
export interface IState { html: string; url: string }

в этом проекте изменяемая область одна - mainContent - поэтому ее в историю не пишем.

и нафига тут какой-то мутный history.js?

...

Рейтинг:

0 / 0

16.02.2016, 00:18

| Ответить | Цитировать | Написать

мелькание страниц при использовании history.js

#39172723

rema174

Гость

Antonariy,

history.js оказался не нужен, впрочем как и history api
разрулил теми же средствами как и основной список реализован

но я немного запутался в терминах, например

у меня используется для загрузки ресурсов head.js, так вот из колбек функции я делаю аякс запрос.
так же скрипте,загружаемы head.js, в котором: $(document).ready(function() {...

так вот, когда я тестировал локально, то вывод по окончании работы аякса был ПОСЛЕ вывода из .ready(function(),
а на сервере вывод из аякса ДО вывода из .ready(function()

всвязи с чем вопрос: $(document).ready(function() {... - это окончание прорисовки документа в окне браузера или это документ только готов к рендеру в браузере и пока что не прорисован?

...

Рейтинг:

0 / 0

17.02.2016, 00:14

| Ответить | Цитировать | Написать

мелькание страниц при использовании history.js

#39172728

rema174

Гость

уточнение, на сервере, вывод из аякса(в консоль) бывает как до так и после вывода из $(document).ready(function() {...
в связи с чем вопрос остается

...

Рейтинг:

0 / 0

17.02.2016, 00:20

| Ответить | Цитировать | Написать

мелькание страниц при использовании history.js

#39172733

Antonariy

Участник

Откуда: ☭

Сообщения: 80 221

Рейтинг: 0 / 0

rema174history.js оказался не нужен

rema174всвязи с чем вопрос: $(document).ready(function() {... - это окончание прорисовки документа в окне браузера или это документ только готов к рендеру в браузере и пока что не прорисован?окончание.
все остальное не понял, что такое head.js не знаю.

...

Рейтинг:

0 / 0

17.02.2016, 00:41

| Ответить | Цитировать | Написать

17 сообщений из 17, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / мелькание страниц при использовании history.js

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/search_topic.php?author=Guest+123456&author_mode=last_posts&do_search=1]:	0ms
get settings:	10ms
get forum list:	13ms
get settings:	10ms
get forum list:	14ms
check forum access:	4ms
check topic access:	4ms
track hit:	183ms
get topic data:	14ms
get first new msg:	9ms
get forum data:	3ms
get page messages:	57ms
get tp. blocked users:	2ms
others:	19ms

total:	342ms