VPF::Смена адреса страницы - Форум программистов

TheRay

Дата 12.1.2014, 20:44 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 1
Регистрация: 12.1.2014

Репутация: нет
Всего: нет

Доброго времени суток. Нужно сделать изменение url страницы без ее перезагрузи и не используя #hash. Пытаюсь разобрать пример найденные на просторах интернета

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Главная страница</title>
</head>
<body>
 
<a href="/one/" onclick="followLink(event, this)">первая страница</a> | 
<a href="/two/" onclick="followLink(event, this)">вторая страница</a> | 
<a href="/three/" onclick="followLink(event, this)">третья страница</a>
 
<script type="text/javascript">
 
function followLink(event, link)
{
    var nameLink = link.innerHTML;
    uploadContent(link.href);
    history.pushState({title:nameLink, href:link.href}, null, link.href);
    updateTitle(nameLink);
    event.preventDefault();
}
 
function updateTitle(title)
{
    var elm = document.getElementsByTagName('title')[0];
    elm.innerHTML = title;
}
 
function uploadContent(link)
{
    //тут реализуем загрузку части страницы с помощью AJAX
}
 
window.addEventListener("popstate", function(e) {
    uploadContent(e.state.href);                                     
    updateTitle(e.state.title);
}, false );
 
</script>
 
</body>
</html>

Но в консоле появляется ошибка Uncaught TypeError: Cannot read property 'href' of null. Судя по всему window.addEventListener не видит href, но я не могу понять в чем причина

JAYBE

Дата 17.1.2014, 15:32 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 220
Регистрация: 27.3.2008

Репутация: нет
Всего: 0

В чём сложность?
В функции uploadContent происходит запрос и получение html страницы например, и дальше append к body.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »