Архив

Публикации с меткой ‘jQuery’

Еще немного полезностей на сайт

2 апреля 2011 2 комментария

Бувально на следующий день после добавления Online-радио на свой сайт, у меня дошли руки до такой приятной мелочи, как архив новостей. Решил я это оформить традиционно — javascript’овый календарь в сайдбаре, выбор даты в котором редиректит текущий документ на страницу просмотра всех новостей за выбранную дату. Система обновления новостей на моем сайте устроена таким образом, что на главной странице показываются только по 16 самых последних новостей из четырех категорий (Главные новости, Hi-Tech, Наука, Здоровье). На деле же новостей за скапливается побольше чем 16 — обновляющий робот запускается каждые 3 часа. Читать далее…

Слушаем online-радио у себя на сайте

1 апреля 2011 23 комментария

Больше месяца уже не обновлял блог — ай-ай-ай. Исправляюсь… Одной из задач, поставленных на 2011 год в подведении итогов 2010 было добавление на сайт функциональности по прослушиванию Online радио. Зачем мне это нужно? По нескольким причинам. Самая первая — люблю послушать радио, когда неохота ничего из своей собственной коллекции. Во-вторых, если сделал ТВ-программу, то логично и радио до кучи, так сказать. Ну и в-третьих, я уже несколько раз пытался к этому делу подступиться, изучить вопрос, но картина никак не хотела складываться воедино. То я не мог понять, где брать программу передач и то, что идет в прямом эфире, то не мог сообразить, откуда брать собственно сам аудиоконтент. Как только появилось достаточно времени, я приступил к очередному штурму. Читать далее…

У природы нет плохой погоды

28 февраля 2010 2 комментария

Продолжаем прокачивать сайт) На этот раз добавим на сайт такую полезную штуку, как прогноз погоды. Но сначала, одно дополнение к курсам валют. Изначально реализация предполагала вывод всех курсов на странице сразу — три основных в видимом диве, и остальные (порядка 20шт) в невидимом, который становится видимым при нажатии линки «Еще>». Это не продуктивно и увеличивает, хоть и не на много, объем страницы. Добавил аякс — теперь на странице статично выводятся только три основных курса, остальные подгружаются аяксом при нажатии «Еше». После захлопывания второй раз уже не подгружаются, само собой. Плюс, декорировал эффект схлопывания — теперь это происходит плавно. Сделать это проще простого. В jQuery есть функциии slideDown и slideUp. Вызываем jQuery(‘#ourDiv’).slideDown() и блок с id=’ourDiv’ красиво схлопывается.
Вернемся к прогнозу погоды. Читать далее…