Метка «javascript» - 88

Маленькая задача — вывести дату

2012-05-11 в 9:53, admin, рубрики: javascript, mail.ru, Веб-разработка, метки: javascript, mail.ru

Я хочу рассказать о простой задаче — вывод даты на главной странице Mail.Ru. Маленькая задача, нетривиальное решение.

Решение в лоб:

function print_date(date){
	return date.getDate() + ' ' + getMonth(date.getMonth()) …
}

print_date( new Date() );

Читать полностью »

eachDeferred — отложенная обработка коллекции, one by one

2012-05-10 в 15:54, admin, рубрики: deferred, each, javascript, jquery, Веб-разработка, метки: deferred, each, javascript, jquery

В ходе разработки текущего энтерпрайз-проекта, понадобилось реализовать отложенную обработку коллекции элементов jQuery — имелся набор виджетов, содержимое которых нужно было загрузить по очереди, причем загрузка происходила асинхронно. Пришлось написать небольшое расширение к $.fn — eachDeferred.
Читать полностью »

Пакеты в JavaScript — jpack

2012-05-10 в 14:14, admin, рубрики: javascript, Песочница, метки: javascript

Разговор пойдет именно про JavaScript и ничего больше.

Давно мучаюсь от мысли, что часто приходится переносить функции из проекта в проект и, поскольку я не очень-то люблю файлики типа common.js или utils.js, где свалено всё в кучу, иногда даже приходится держать эти функции в разных файлах. В этом-то и состоит суть проблемы. Хочется иметь большую переносимость, при этом не загромождая глобальную область видимости и, соответствено, не использую префиксов функций.
Читать полностью »

Улучшаем «бесконечный скроллинг»

2012-05-10 в 10:46, admin, рубрики: css, html5, javascript, scroll, Юзабилити в IT, метки: css, html5, javascript, scroll

В 2011 году очень модно было (по-моему, эта мода пошла от Фейсбука) делать у себя на сайтах «бесконечный скроллинг»: это когда пользователь крутит-крутит колесом мыши, и всё новые результаты поиска подгружаются Аяксом внизу страницы, превращая обычный скроллинг в бесконечный и вызывая у столкнувшегося с этим в первый раз пользователя «когнитивный диссонанс».

Также недавно я видел на этом сайте статью, в которой автор выражал своё недовольство «бесконечным скроллингом» и призывал использовать старую добрую «паджинацию».
Читать полностью »

Движение по точкам (waypoints)

2012-05-10 в 8:48, admin, рубрики: actionscript, game development, Gamedev, javascript, jquery, waypoints, Алгоритмы, метки: actionscript, Gamedev, javascript, waypoints

Сегодня мы будем рассматривать реализацию движения игрока по точкам — так называемым вейпоинтам (waypoints) в режиме 2D — а именно вид сверху.

Движение по точкам (waypoints)
Читать полностью »

Ротатор картинок на javascript при наведении мыши, движок

2012-05-09 в 22:55, admin, рубрики: javascript, scriptjava, веб-дизайн, Веб-разработка, покадровая анимация, метки: javascript, scriptjava, покадровая анимация

Много раз встречал на сайтах тему с анимацией кадров из видео.
По просьбе одного паренька решил написать небольшой универсальный движок.

За основу этого движка я взял файлы javascript описанные в этом посте

У нас есть 2 картинки
Первая это первый кадр из второй картинки

|1кадр|

Вторая картинка с множеством кадров

Для простоты представим что во второй картинке кадры из фильма через определенные промежутки времени.

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

Скринсейвер на javascript по играм Златогорье 2, покадровая анимация

2012-05-09 в 22:30, admin, рубрики: javascript, scriptjava, Веб-разработка, Программирование, скринсейвер, метки: javascript, scriptjava, скринсейвер

В прошлом посте я обосновал то как можно с помощью javascript проигрывать покадровую анимацию.

На основе предыдущей статьи я написал скринсейвер по играм.

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

Вот несколько скриншотов скринсейвера:

Читать полностью »

Покадровая анимация на javascript, спрайтовая анимация

2012-05-09 в 22:10, admin, рубрики: javascript, scriptjava, Веб-разработка, покадровая анимация, Программирование, спрайты, метки: javascript, scriptjava, покадровая анимация, спрайты

На идею создания небольшого движка покадровой анимации меня подтолкнул гугл.

Виды покадровых картинок, которые javascript движок превращает в анимацию:

В итоге я написал два движка которые позволяют создавать анимацию из спрайтов.
cartoon_background.js
cartoon_image.js
Читать полностью »

Динамическое подключение CSS стилей и javascript скриптов, аналог функции eval javascript и динамическое создание элементов

2012-05-09 в 19:38, admin, рубрики: css, javascript, Веб-разработка, метки: css, javascript

Очень часто требуется динамически подключить внешний скрипт и запустить из него какую нибудь функцию.
Но вот отследить загрузку самого скрипта не всегда просто.
Я обычно избавляюсь от проблем с подключением так:

Вначале подключаю библиотеку

<script type="text/javascript" src="http://scriptjava.net/source/scriptjava/scriptjava.js"></script>

А вот собственно и сам код:

<script type="text/javascript">
$$i({
	attribute: {//устанавливаю атрибуты
		'type':'text/javascript',
		'src':'http://nagon.net/js/NRMSLib.js'
	},
	onready:function() {//действие по окончании подключения скрипта
		modules.sound.start();//запускаю метод из подключенного скрипта
	}
});
</script>

Иногда требуется динамически подключить не скрипт, а стиль CSS
Читать полностью »

Отправка формы через AJAX на javascript без перезагрузки страницы

2012-05-09 в 8:23, admin, рубрики: javascript, scriptjava, Веб-разработка, метки: javascript, scriptjava

AJAX это самая популярная web технология.
К сожалению javascript метод XMLHTTPRequest не позволяет отправлять на сервер файлы.
Конечно можно придумать изощренный способ, но он будет работать не во всех браузерах, да и будет слишком громоздким.
Я посмотрел множество возможных вариантов скрытой отправки формы с помощью различных библиотек, а так же на чистом javascript, в итоге мое внимание привлекла простенькая библиотека scriptjava library написанная на яваскрипте (ее описание я увидел на википедии).

В этой статье я хочу показать как можно отправлять любую форму на сервер через AJAX, в том числе и форму с файлами.
Читать полностью »

Информация

Комментарии

Рекомендуем