Динамическая загрузка элементов в Google Reader

Question

Я использую Google Reader и хочу реализовать подобную технику так, как они «кажутся», для поздней загрузки содержимого каждого сообщения. Когда вы нажимаете на одну из ваших подписки, вы видите серию сообщений с фрагментом и другой информацией. Когда вы нажимаете на сообщение, он расширяется, чтобы показать полное тело. Я думал, что они просто переключают видимость элемента, но они, кажется, вставляют в DOM на лету. Вы можете это доказать, посмотрев на HTML после загрузки страницы - нет знака расширенного содержимого. Если тело содержит изображения, они загружаются только при расширении. Это значительно улучшает время загрузки исходного запроса, поскольку оно не загружает КАЖДОЕ изображение для КАЖДОГО сообщения.

У меня есть 2 идеи: Что происходит

1. Они делают запрос AJAX и вставляя ответ, таким образом, загрузка и оказание любых изображений, как и в случае необходимости.
2. Они что-то делают с JavaScript, но я понятия не имею, что именно.

Моей первой попытки визуализации свернутого содержания, но используется CSS, чтобы сделать его невидимым:

display: none

Я тогда щелкал visibiliy с JQuery:

$("itemDetail").toggle()

Единственной проблемой при этом изображения внутри невидимого содержимого загружаются во время первоначального запроса - то, что не очевидно для использования но это может иметь и другие негативные последствия.

Вот вид списка (все свернутые):

alt text http://img6.imageshack.us/img6/4503/croppercapture1.jpg

Вот списка с расширенной пост:

alt text http://img6.imageshack.us/img6/4215/croppercapture2.jpg

Любые идеи?

Answer 1

Они делают запрос AJAX и вставки в ответ, при этом нагрузка и оказание каких-либо изображений, как и при необходимости.

Ну, да, это то, что они делают.

Итак, что конкретно? То, что вы делаете с видимостью, совершенно иное, и, как вы сами говорите, не так эффективно.

Так что вам нужно научиться make that request with JQuery и put the HTML you get from the request на странице в правой части.

Answer 2

Я не уверен, что запрос AJAX относится к серверу Google, когда вы нажимаете на свернутый элемент, чтобы развернуть его. Я использовал Firebug для отслеживания любых запросов с помощью вкладки Net. Я могу видеть только два запроса для этого конкретного элемента, и оба они относятся к серверу, на котором он размещен (в данном случае weblogs.asp.net), - не уверен, что первый делает, а второй получает imaage, встроенный в сообщение.Вот два снимки экрана, до и после, показывая запросы AJAX:

перед: alt text http://img207.imageshack.us/img207/8461/croppercapture12.jpg

После: alt text http://img207.imageshack.us/img207/6128/croppercapture13.jpg

Я не хочу, чтобы этот вопрос превратится в arguement, я Я просто излагаю доказательства, которые я нашел, что предполагает, что есть еще одно объяснение.