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

Я пытался решить эту проблему некоторое время и просматривал многочисленные форумы, чтобы найти решение. Вот моя установка. Любая помощь будет принята с благодарностью!

В настоящее время у меня есть индексная страница, которая загружает верхний и нижний колонтитулы JavaScript выше и ниже моего раздела «контент». У меня также есть список навигационных ссылок внутри заголовка. Мой музыкальный плеер находится в нижнем колонтитуле. Он не загружается автоматически (для тех, кого это беспокоит), и я не хочу, чтобы он перезагружался каждый раз, когда кто-то нажимает на одну из навигационных ссылок сбоку. Я не хочу использовать для этого фреймы; Я читал, что фреймы позволяют мне обновлять только раздел «контент» моей страницы, но при индексации сайта большинство поисковых систем не будут работать с сайтом, на котором есть фреймы. Я также не хочу использовать всплывающие окна для своей музыки, так как большинство браузеров и пользователей блокируют всплывающие окна.

В основном я ищу код или что-то, что позволит верхнему и нижнему колонтитулу (не обязательно быть верхним и нижним колонтитулом JS) не обновляться, когда кто-то нажимает на навигационные ссылки, расположенные в моем заголовке. Еще раз спасибо всем, у кого есть решение этой проблемы.


person Community    schedule 26.10.2009    source источник


Ответы (4)


Делайте как Facebook — используйте JavaScript для перехвата навигации по ссылкам, загрузите содержимое с помощью XMLHttpResponse, а затем обновите те части страницы, которые необходимо изменить.

Это сохраняет статическую целостность страницы для поисковых систем, позволяет большей части сайта нормально работать для пользователей с отключенными сценариями и позволяет избежать сброса музыки для всех остальных.

person Shog9    schedule 26.10.2009

То, что сказал Shog9, но также не забудьте изменить location.hash всякий раз, когда вы меняете контент, и сделайте так, чтобы посещение веб-сайта с этим хешем перенаправляло вас на правильную страницу.

person Eli Grey    schedule 26.10.2009

Вот еще один пример бэнда, использующего метод AJAX для перезагрузки содержимого страницы, при этом проигрыватель продолжает работать...

http://jonandroy.ca/

Хэштег URL-адреса обновляется каждый раз, когда вы нажимаете на что-то, и если вы скопируете этот URL-адрес, при его посещении вы увидите загрузку домашней страницы на долю секунды, а затем загружается содержимое страницы, указанной хэштегом. Не идеальное, но в целом хорошее решение этой вековой проблемы.

person Gary Reckard    schedule 09.10.2010

Вы можете посмотреть, как работает thesixtyone.com. У них есть непрерывная музыка с использованием AJAX для восстановления страницы при нажатии на ссылку, а не для загрузки новой. Это достигается за счет того, что все ссылки являются якорями для текущей страницы (т. е. все ссылки являются относительными и начинаются с символа решетки).

person Dan Dyer    schedule 26.10.2009