Измените URL-адрес и сохраните div

Question

Я видел что-то совсем другое, и я понятия не имею, как это сделать.

Сайт Rdio.com, когда вы нажимаете любую ссылку, изменение URL полностью (не #). Но div в нижней части страницы (которая играет песню) не перезагружается.

Как они это делают?

Answer 1

вы можете сделать это с помощью нагрузки ajax, а затем включить историю браузера. так:

/*clickhandler Hauptmenü*/ 
$('#main-nav a').on('click', function(e){ 
    var href = $(this).attr('href'), 
     title = $(this).text(); 
    loadContent(href,title); 
    /*manipulate Browser history */ 
    history.pushState({path: href, titel: title}, $(this).attr('href'), 'http://www.example.com/'+$(this).attr('href')); 
    e.preventDefault(); 
}); 

window.addEventListener('popstate', function(e){ 
    loadContent(e.state.path, e.state.titel); 
}, false); 

function loadContent(href,title){ 
    var href = href, 
     container = $('#main-cont'); 
     container.fadeOut(100, function(){ 
      container.load(href +' #main-cont', function(){ 
       container.fadeIn(200); 
       $('title').replaceWith('<title>' + title + '</title>'); 
      });   
     }); 
}; 

Я надеюсь, что это ответ на ваш вопрос.

Answer 2

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

Answer 3

Это делается с использованием нового объекта JavaScript history, используя методы pushState и popState. См. Также http://diveintohtml5.info/history.html