Обновление определенных областей страницы без перезагрузки всей страницы

Question

Я думаю, что это проще понять, если вы сначала посмотрите на мой сайт: http://www.10winstreak.com/

Основная область содержимого - это поток из Own3D.tv, и это просто iframe (строка 342). Моя цель - если я щелкну конкретный поток с правой стороны, iframe загрузит соответствующий поток, а левая боковая панель (последние 10 соответствий) также загрузит соответствующие данные. Например, если я нажму «Поток Бэя» с правой стороны, то iframe покажет поток Бэя, а левая боковая панель покажет, что он показывает прямо сейчас. Но когда я нажимаю «Поток Роя Киллани», тогда iframe загружает этот конкретный поток, и левая боковая панель заполняется другим набором определенных данных.

Полагаю, я мог бы добиться этого, создав отдельные страницы для каждого потока и просто продублировав макет страницы, чтобы у пользователя была иллюзия остаться на той же странице, но я бы хотел узнать, как это сделать. Мои исследования пока говорят мне, что ajax, вероятно, лучший вариант, но мне было интересно, есть ли способ сделать это на чистом PHP или даже HTML \ CSS?

Спасибо!

Answer 1

Вы можете сделать это, используя только HTML, установив имя фрейма и указав ссылку на этот фрейм:

<a href="somepage" target="myframe">My Link</a>
<iframe name="myframe" src="defaultpage"></iframe>

Но это не позволит вам изменить ссылку при нажатии, чтобы показать, что она была нажата. Вы также можете использовать jQuery, который позволит вам изменить ссылку, чтобы показать, что она была нажата. Для получения дополнительной информации о jQuery посетите их домашнюю страницу (www.jquery.com)

Answer 2

Хорошо .. вы можете использовать jquery .load()

http://api.jquery.com/load/

и пример с загрузкой изображенияконтент, который все еще будет там после обновления или когда пользователь вернется.Возможно, вы захотите использовать его с плагином jquery cookie, чтобы браузер запомнил, какой контент был загружен ..