Как поменять url в адресной строке, без перехода на другую страницу?

T.G., 576 просмотров

Я знаю, что для того чтобы передавать данные в AJAX в адресной строке дописывается hash. Но вопрос - как поменять адрес, не производя перехода на другую страницу. С Hash все понятно. Но вот пример страницы - http://vkontakte.ru/friends. Там вкладки "Друзья" и "Друзья онлайн" при нажатии на них меняется адрес с http://vkontakte.ru/friends?section=all на http://vkontakte.ru/friends?section=online, но перехода не происходит. Как это сделано?

Примечание:
Я сам программист. И это не задача первостепенной важности. Просто очень интересно как это делается.

Примечание:
<a href="туттвояссылка" onClick="return false;">Твоя ссылка</a> - это не работает и не будет. Там что-то другое.

Примечание:
http://habrahabr.ru/blogs/groovy_grails/108611/ - не помогло. Там также реализация через якоря.

Примечание:
Самое главное - работает это только в Chrome. В том же Firefox это работает как раз таки через hash

Примечание:
2Sundownhunter: хорошо, обязательно напишу. Кстати на facebook система аналогичная. Там каждая страничка так грузится.

Примечание:
Если это решение не для всех браузеров в данный момент, то это не значит, что оно не будет поддерживаться потом всеми браузерами. Вполне возможно, что это часть HTML 5

Примечание:
daxiz, что значит невозможно??? Я ведь специально привел пример страницы, где это сделано! Что сложно зайти и проверить? Зачем сразу нести чепуху?

Ответы:

Счастливчик82

просто найди програмиста

Sundownhunter

<a href="туттвояссылка" onClick="return false;">Твоя ссылка</a>

Sundownhunter

Да, там, похоже, хитрей.
Я просмотрел код контакта, и вроде как оно работает так.
При клике оно, таки видимо загружает аяксом контент откуда-то и обновляет div#list_content По крайней мере, в хроме видно, как оно убивает DOM в этом теге и пересоздаёт.

Sundownhunter

Если решение найдешь - напиши плиз на мыло: firefly.other на gmail.com
Заинтересовал :) Я сам вебдевелопер просто :)

Sundownhunter

Вечерком гляну как на фейсбуке сделано, может, там проще будет понять ...

Epsiloncool

В Safari это тоже работает (не через хэш).

daxiz

Изменить URL невозможно=(
Если бы так можно было, бы ломали акки пользователей и другие данные,
Пользователь думает, ага, этот сайт безопасен например это в шапке написано:
location.href='http://vkontakte.ru';
А там введите логин/пароль и заберает его, точная копия Вконтакта
Я сам думал об этом, а жаль=(
А ваще, если хочешь совет:
Алгоритм 2, LangMF 8, AutoIt
Это те проги с помощью которых ты сможешь сделать СВОЙ БРАУЗЕР.
ну сделай его посиди года 2-3, и улучши всем жизнь...
Сделай платным, куча дополнительных штук, и заработай бабла+)
Как говориться 200 лет, а денег до **я

{}, '', '/' + 'здесь_ваш_путь'

За это отвечает ф-я setLoc, курите http://vkontakte.ru/js/al/common.js
если просто выполнить на странице с входящими сообщениями скрипт javascript:nav.setLoc('mail?act=show&id=2745'); - URL изменится
щас сам изучаю, довольно таки интересно сделано.

MaxAva

Удалил

просто алекс не венс

Ребят я тут подумал можно будет использовать функции iframe скажем создадим две странницы с iframe на одну и туже странницу. в итоге переходя адрес будет меняется а все остальное будет грузится из истории
ЗАРАНЕЕ ИЗВИНИТЕ ЕСЛИ СКАЗАЛ НЕ ПО ТЕМЕ ЕЩЕ УЧУСЬ
пример( get.html с iframe на login.html и beer.html c iframe на login.html

14 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.