Форум программистов, компьютерный форум, киберфорум
JavaScript: API
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.64/11: Рейтинг темы: голосов - 11, средняя оценка - 4.64
4 / 4 / 0
Регистрация: 10.02.2009
Сообщений: 118
1

History API + jQuery кнопки "назад" и "вперед"

26.04.2013, 22:06. Просмотров 2220. Ответов 4
Метки нет (Все метки)


Добрый день. Мне нужно при нажатии на кнопку назад или вперед, перейти в соответствующее место. Не знаю как это можно делать с помощь History API, перечитал кучу примеров, но никак не могу разобраться. Вот мой код :
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
$(document).ready(function() {
    $('#login').on('click', showLoginForm);
    $('#container').on('click', '#registration', showRegistrationForm);
    
 
});
 
function showLoginForm() {
    var uri = $(this).attr('href');
 
    //создаем новую запись в истории только когда кликаем по ссылке
    history.pushState({uri: uri}, null, uri);
    $.ajax({
        url: '/site/login/',
        type: 'POST',
        success: function(response) {
            $('#container').empty();
            $('#container').html(response);
            history.pushState({reload: '#container'}, 'login', '/site/login/');
        }
    })
}
 
function showRegistrationForm() {
    $.ajax({
        url: '/users/create',
        type: 'POST',
        success: function(response) {
            $('#container').empty();
            $('#container').html(response);
            history.pushState({reload: '#container'}, 'registration', '/users/create');
        }
    })
    return false;
}
При смене контента с помощь ajax, я запоминаю историю таким образом
Javascript
1
2
 
history.pushState({reload: '#container'}, 'registration', '/users/create');
Но не знаю на сколько это правильно.
Помогите пожалуйста, если не сложно. Спасибо!
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
26.04.2013, 22:06
Ответы с готовыми решениями:

"Как я в chrome нашел цыганские корни" ИЛИ "Влез в Chrome extensions? -Пойди умойся."
Все началось с попытки перехватить console.log Данная затея очень просто реализуется через...

Всплывающее окно "подтвердите действие на *адрес сайта*" как убрать?
На сайте есть два выпадающих списка <select>. После выбора данных в первом списке, во второй...

Как убрать диалоговое окно "Подтвердите действие на сайте ***" в iframe
Как убрать диалоговое окно "Подтвердите действие на сайте *** " в iframe Добавлено через 8 минут...

Вылетает ошибка "Uncaught ReferenceError: $ is not defined" при написании расширения JavaScript
Доброго времени суток! Требуется помощь от более опытных коллег. Суть такова, написал скрипт для...

4
Человек
325 / 199 / 63
Регистрация: 04.02.2013
Сообщений: 1,200
26.04.2013, 23:14 2
Это не тот раздел, вам сюда - https://www.cyberforum.ru/javascript-jquery/
0
4 / 4 / 0
Регистрация: 10.02.2009
Сообщений: 118
27.04.2013, 00:19  [ТС] 3
Это не тот раздел, вам сюда - https://www.cyberforum.ru/javascript-jquery/
Нет, я думаю что как раз по адресу, ведь History API это HTML5. А мне на данный момент интересует именно он.
0
Vovan-VE
27.04.2013, 07:29
  #4

Не по теме:

Цитата Сообщение от PonTi Посмотреть сообщение
ведь History API это HTML5
Ведь API - это программирование, а не разметка.

0
4 / 4 / 0
Регистрация: 10.02.2009
Сообщений: 118
27.04.2013, 16:52  [ТС] 5
Цитата Сообщение от Vovan-VE Посмотреть сообщение

Не по теме:


Ведь API - это программирование, а не разметка.

Извините за недопонимание.
Но может кто нибудь поможет ?
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
27.04.2013, 16:52

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь или здесь.

Очень нужен метод!, как можно определить нажатие на кнопку "Like" от FaceBook'a?
Доброго времени суток. Очень нужен метод!!!, как можно определить нажатие на кнопку "Like" от...

"chrome.storage.sync.get" внутри страницы
Сделал инъекцию на страницу которая должна сохранять/загружать информацию. С сохранением все в...

"NetworkError: 404 Not Found - http://localhost/home/site/www/html/form_reg"
Доброе время суток! Имеется скрипт! не могу разобраться, сижу 5-й день. браузер ругается и выводит:...

Присвоить значиние пункту "combobox"
люди помогите разобратся с JS у меня в таблице та что с низу(2я) такой калькулятор будет....


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.