XHTML.ru » DOM: примеры

Google AJAX Feed API and multiple feeds

Баранов Андрей — Thu, 03 May 2007 19:12:22 +0000

Пару недель назад Google анонсировал AJAX Feed API, который позволяет загрузить и разместить на веб-странице анонсы новостей из любого открытого Atom- или RSS-канала, используя только JavaScript. Покажу, как доработать простой пример из документации к API и получить список новостей, отсортированных по дате, из нескольких лент.

Компактный список

Баранов Андрей — Sat, 28 Apr 2007 23:38:07 +0000

Это обновленная версия скрипта, который позволяет сворачивать-разворачивать вложенные списки. Теперь сценарий запускается до события load объекта window. Для навигации по списку теперь можно использовать не только мышь, но и клавиатуру. По прежнему: если в браузере отключить JavaScript, будет просто показан развернутый список, т.е. все его элементы всегда доступны, не зависимо от возможности выполнять JavaScript.

Advanced Thumbnail Creator

Баранов Андрей — Sat, 10 Mar 2007 09:23:46 +0000

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

DOM-прогулка по ячейкам таблицы

Баранов Андрей — Thu, 14 Sep 2006 10:01:04 +0000

Этот пример демонстрирует, как можно добраться до любой ячейки любой таблицы (x)HTML-документа с помощью DOM.

Быстрое создание (x)HTML элементов методами DOM.

Баранов Андрей — Fri, 30 Jun 2006 17:54:14 +0000

Добавление новых элементов обычными методами DOM скучное занятие, которое может вызвать справедливое недовольство: для каждого элемента получаются очень многословные и многоэтажные конструкции. Если нужно сделать один-два элемента (например, DIV или P и т.п.) с текстом внутри, еще можно смириться с написанием большого количества практически одинаковых строк кода. А когда таких элементов не один десяток и все разные...

Проблема window.onload() и ее решение

Баранов Андрей — Tue, 20 Jun 2006 21:17:54 +0000

Собственно, вся проблема состоит в том, что событие onload() возникает после полной загрузки документа. Конечно, было бы здорово выполнить какие-нибудь действия с загруженным html-документом не дожидаясь загрузки изображений, flash-роликов и пр.

Поиск элемента в документе XHTML

Баранов Андрей — Sun, 04 Jun 2006 11:54:11 +0000

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

XHTML+CSS+DOM слайд-шоу 2

Баранов Андрей — Mon, 27 Feb 2006 14:13:31 +0000

В сентябре прошлого года я показал, как с помощью JavaScript можно представить XHTML документ в виде последовательности слайдов. По прошествии некоторого времени эта идея получила дальнейшее развитие. Предлагаю новую версию XHTML+CSS+DOM слайд-шоу.

Динамические выпадающие списки

Баранов Андрей — Sat, 11 Feb 2006 19:08:03 +0000

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

Перемещение блоков по веб-странице.

Баранов Андрей — Sun, 30 Oct 2005 16:35:32 +0000

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