Форум

SeLLaX · #1 (**permalink**) 10.06.2011, 07:32

Здравствуйте, не так уж и давно копаюсь в Jquery и Js но что-то уже есть.
Делаю запросы и передвижение по сайту без перезагрузки страницы. Используя window.location.hash. Сделал так что при нажатии кнопки и при переходе по урл будет выполнятся то что мне нужно. НО если нажать в браузере назад, или вперед то строка адреса меняется а вот новая информация не подгружается. Вот код:

function onLoadDocuments (){
 // здесь выполняется ajax-вызов 
 // а тут мы меняем значение адресной строки
 $("#doc_zone").load("login.php",
   {year: 2007, month: 1, day: 12},// некоторые параметры нужные для работы php-файла
   function() { 
     window.location.hash = 'documents';
   } 
  );
}
 
function onLoadContacts (){
 // здесь также идет ajax-вызов 
 // а тут мы меняем значение адресной строки
 $("#doc_zone").load("page.php",
  {street_no: 125},
  function() { 
    window.location.hash = 'contacts';
  }	 
 );
}
 
$(document).ready(
 function(){ 
   if (window.location.hash == '#documents'){
    // при загрузке страницы смотрим чему равно значение якоря 
    // и выполняем загрузку нужного содержимого
    onLoadDocuments ();
   }
   if (window.location.hash == '#contacts'){
    onLoadContacts ();
   }
 }
);

Так вот, как же сделать чтобы при нажатии назад/вперед все работало=)?

walik · #2 (**permalink**) 10.06.2011, 10:14

Так ты проверяй строку hash на изменения через какие то промежутки времени.

SeLLaX · #3 (**permalink**) 10.06.2011, 14:50

ну а как это реализовать? просто из времени я знаю только settimeout()
можно конкретно? как это реализовать. пожалуйста. Одному трудновато во всем разгребаться=)

walik · #4 (**permalink**) 10.06.2011, 16:24

Ну как то так наверное, наверняка можно и лучше.

<html>
<head>
<script>
function checkHash(hash, callback) {
	if (hash != location.hash)
		callback(); //Если hash изменился то вызываем обработчик.
	
	hash = location.hash; //Сохраняем hash строку в переменную.
	setTimeout(function() {checkHash(hash, callback);}, 1000); //Проверяем hash снова через секунду.
}

function changed() { // Функция обработчик, вызывается когда меняется hash.
	alert('Hash changed');
}

hash = location.hash;

checkHash(hash, changed); // Инициализируем проверку hash'a
</script>
</head>
<body>
<a href="#check">check</a><br />
<a href="#second">second</a>
</body>
</html>

SeLLaX · #5 (**permalink**) 10.06.2011, 19:30

почему в mozilla все работает а в хроме к примеру нет?

SeLLaX · #6 (**permalink**) 10.06.2011, 19:38

хотя нет теперь все работает, но если перейти по ссылке, тоесть просто вставить в браузер из источника другого, то не отображается текст, как-будто нету проверки какой сейчас хеш, как быть?