Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.04.2013, 22:08
Новичок на форуме
Отправить личное сообщение для Мушег Посмотреть профиль Найти все сообщения от Мушег
 
Регистрация: 26.04.2013
Сообщений: 4

History API + jQuery кнопки "назад" и "вперед"
Добрый день. Мне нужно при нажатии на кнопку назад или вперед, перейти в соответствующее место. Не знаю как это можно делать с помощь History API, перечитал кучу примеров, но никак не могу разобраться. Вот мой код :
$(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, я запоминаю историю таким образом
history.pushState({reload: '#container'}, 'registration', '/users/create');

Но не знаю на сколько это правильно.
Помогите пожалуйста, если не сложно. Спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 27.04.2013, 05:17
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Да ладно заливать. Так уж ни в одном примере не было обработчика события onpopstate объекта window ??
Ответить с цитированием
  #3 (permalink)  
Старый 27.04.2013, 14:34
Новичок на форуме
Отправить личное сообщение для Мушег Посмотреть профиль Найти все сообщения от Мушег
 
Регистрация: 26.04.2013
Сообщений: 4

Они то были, но разобраться не могу. Мне просто нужно сделать это именно через jQuery а не чистым js. Если не сложно, помогите пожалуйста.
Ответить с цитированием
  #4 (permalink)  
Старый 27.04.2013, 14:55
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Сообщение от Мушег
Мне просто нужно сделать это именно через jQuery а не чистым js
Что это значит, поясните.
Ответить с цитированием
  #5 (permalink)  
Старый 27.04.2013, 16:51
Новичок на форуме
Отправить личное сообщение для Мушег Посмотреть профиль Найти все сообщения от Мушег
 
Регистрация: 26.04.2013
Сообщений: 4

Цитата:
Что это значит, поясните.
Реализовать средствами библиотеки jQuery!
Ответить с цитированием
  #6 (permalink)  
Старый 27.04.2013, 17:12
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Сообщение от Мушег
Реализовать средствами библиотеки jQuery!
Разочарую вас: jQuery ничегошеньки не знает о History API ...
Ответить с цитированием
  #7 (permalink)  
Старый 27.04.2013, 18:33
Новичок на форуме
Отправить личное сообщение для Мушег Посмотреть профиль Найти все сообщения от Мушег
 
Регистрация: 26.04.2013
Сообщений: 4

Сообщение от danik.js Посмотреть сообщение
Разочарую вас: jQuery ничегошеньки не знает о History API ...
Ты меня конечно удивил, но да ладно
Вот на пример у меня есть функция
$(window).bind('popstate', function(event) { 
      //функция
    });

Я так понимаю, что тут надо писать что делать если была нажата кнопка назад или вперед. Так вот, как мне определить, какая кнопка была нажата, и какой контент при этом нужно обновлять. Вот для меня это не ясно. Если это объясните, буду чрезмерно благодарен.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
history API и show more okapo AJAX и COMET 4 23.04.2013 20:31
Проблемы с пониманием History API Flaker AJAX и COMET 5 06.02.2013 15:28
History API. Помогите решить проблему InviS Events/DOM/Window 2 16.10.2011 14:34
Фиксирование событий History API Bebarr Swallow Events/DOM/Window 1 20.06.2011 01:49
Разработка jQuery API ded jQuery 0 19.03.2011 16:39