Как сохранить музыкальный проигрыватель в нижнем колонтитуле страницы, который не перезагружается при нажатии ссылки на подстраницу? - PullRequest
4 голосов
/ 26 октября 2009

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

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

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

Ответы [ 4 ]

4 голосов
/ 26 октября 2009

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

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

1 голос
/ 09 октября 2010

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

http://jonandroy.ca/

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

1 голос
/ 26 октября 2009

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

0 голосов
/ 26 октября 2009

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

...