HTML+CSS+JavaScript

Как организховать навигацию таким образом, чтобы при нажатии на ссылку (к примеру) вызывалась функция javascript-а (запрос асинхронный на сервер) и изменялась строка адреса в браузере - НО без всякого перехода по url.

т.е. -
1) есть ссылка, кликаем по ней
2) получаем контент от сервера
3) вставляем его куда надо
4) меняется url но без перехода


вопрос в реализации - 1 и 2. Либо есть какой-то другой путь?

зачем эт надо? если не меняется url и всё правится js, то при нажатии на F5 (обновить) как сервер узнает что именно вернуть клиенту?

1) Поменять адрес в браузере не получится.
2) при нажатии на F5, при загрузке контента аяксом, вы получите стартовую страницу. Всегда.
3) Если вы делаете навигацию на аяксе, то помните, что для поисковиков весь тот контент, что вы динамически подргужать собрались, будет невидим.

а как же gmail.com и т.д.
Решение должно быть! )

хоть вопрос по реализации 1-2, отвечу про пункт 4 - http://noregret.org/tutor/navigation/

AlexSol, спасиб за статью.

Без использования флеша нужно.


главное чтобы при обновлении странички серверная чать знала где мы находимся и возвращала нужный контент. Как этого добиться?

изменять url не выйдет, но можно дописывать якоря url#якорь и ими манипулировать

<a href="" onClick="Elocaton('#rambler'); return false">rambler</a> |   <a href="" onClick="Elocaton('#ballista'); return false">ballista</a>  <script> function Elocaton(arg){     location.hash = arg; } </script>

Да, если только так. А переписать урл = перейти на него. А это уже перезагрузка страницы.

А в gmail что, при нажатии F5, открывается то же место, что и было?

>А в gmail что, при нажатии F5, открывается то же место, что и было?
да

AlexSol, спасибо за идею

если да то это наверняка cookie, я там F5 не нажимал

Возможно, там, как раз, работа с якорями. (#) Если я обновляю страницу, то урл сохраняется всметсе с якорем. Если грамотно его составить, то можно оставить все как есть на странице.