В данном посте я хотел бы рассказать как сделать простой индикатор загрузки изображения используя библиотеку jQuery.
Читать полностью »
Рубрика «jquery» - 42
Индикатор загрузки изображения на jQuery
2012-05-13 в 19:36, admin, рубрики: javascript, jquery, php, индикатор загрузки, метки: javascript, jquery, индикатор загрузкиПростой сканер внедрения кода на PHP
2012-05-13 в 12:21, admin, рубрики: jquery, php, автоматизация, вирусы, информационная безопасность, Песочница, метки: jquery, PHP, автоматизация, вирусыСовременные хакеры редко “дефейсят” взломанные сайты, как правило, внедряют сторонний код в скрипты для осуществления дальнейших зловредных действий.
Как часто вы тратили часы, выискивая код, внедрённый в ваши скрипты, после атаки?
Некоторое время назад меня привлекли к администрированию десяти сайтов, расположенных на одном виртуальном хостинге. Сайты крутились на “полуразложившихся” движках, написанных в 2000-2003 годах. Сайты постоянно падали под натиском “скрипт-кидди” и изобиловали внедрёнными “зловредами”. Мои задачи были тривиальны: поддержать работу сайтов, перенести на новые движки или залатать дыры в старых движках.
Всё предельно просто, но в полевых условиях было необходимо анализировать текущее состояние файлов, чтобы не дать возможности внедрить код ни в один из сайтов, так как получение доступа к одному сайту на виртуальном хостинге ставило под прицел и сайты, уже перенесённые на новые версии движков. Реагировать на внедрение кода нужно было молниеносно, а проверять файлы вручную при наличии тысяч файлов не представлялось возможным.
В процессе работы родилось очень простое решение, которым я и хочу поделиться. Хочу оговориться, что данное решение простое и не претендует на гениальность и полноту реализации, но надеюсь, что будет кому-то полезно.
Читать полностью »
eachDeferred — отложенная обработка коллекции, one by one
2012-05-10 в 15:54, admin, рубрики: deferred, each, javascript, jquery, Веб-разработка, метки: deferred, each, javascript, jquery В ходе разработки текущего энтерпрайз-проекта, понадобилось реализовать отложенную обработку коллекции элементов jQuery — имелся набор виджетов, содержимое которых нужно было загрузить по очереди, причем загрузка происходила асинхронно. Пришлось написать небольшое расширение к $.fn — eachDeferred.
Читать полностью »
Движение по точкам (waypoints)
2012-05-10 в 8:48, admin, рубрики: actionscript, game development, Gamedev, javascript, jquery, waypoints, Алгоритмы, метки: actionscript, Gamedev, javascript, waypointsСегодня мы будем рассматривать реализацию движения игрока по точкам — так называемым вейпоинтам (waypoints) в режиме 2D — а именно вид сверху.
.png "Движение по точкам (waypoints)")
Готовим расширение под Chrome, украшаем Хабр
2012-05-07 в 12:32, admin, рубрики: chrome, extension, Google Chrome, jquery, tinycon, Веб-разработка, метки: chrome, extension, jquery, tinyconЧтобы сделать расширение достаточно минимальных знаний Javasctipt, HTML и CSS. Давайте добавим на хабр догрузку следующей страницы, а также систематическую проверку новых постов на текущей. Примерно как на twitter.
Полностью готовый экстеншн можно установить и проверить в работе через Chrome Web Store, а здесь разберемся как написать основной код с нуля (полный занимает всего 6 KB).
Выкачиваем музыку с контакта. Geek way
2012-05-06 в 20:00, admin, рубрики: jquery, Вконтакте, музыка, Песочница, метки: jquery, Вконтакте, музыкаВсе началось с того, что мне понравилась одна группа, где регулярно выкладывали музыку. Но так как музыку я слушаю в основном с плеера, возник вопрос о скачивании песен к себе на ПК. Хотелось сделать довольно таки большой плейлист и выбросить не понравившееся. По одной песне качать- это мазохизм. Всяким приблудам из сети не доверяю. Как я это сделал? Читать полностью »
Lake.js: плагин к jQuery для отражения иллюстраций как бы в воде озера
2012-05-04 в 5:57, admin, рубрики: canvas, jquery, jquery plugins, озеро, метки: jquery plugins, озеро ![[скриншот]](https://www.pvsm.ru/images/Lake-js-plagin-k jQuery-dlya otrajeniya-illyustracii-kak by-v vode ozera.jpg "Lake.js: плагин к jQuery для отражения иллюстраций как бы в воде озера")
Стал известен скрипт lake.js — плагин jQuery, который берёт иллюстрацию (элемент <img>) и помещает её на холст (вставляет элемент <canvas>), располагая сразу под нею зеркальное отражение, идущее волнами — будто в воде озера.
Речь идёт не о застывших волнах, а об идущих по воде волнах — их фаза динамически изменяется джаваскриптом. (Понятно, что на Хабрахабре этот эффект не воспроизводим, так что я вставляю статический скриншот.)
Холст имеет ту же ширину, что и обрабатываемая иллюстрация, и вдвое бóльшую высоту.
Вызов плагина выглядит сравнительно просто и самоочевидно:
<script src="jquery.js"></script>
<script src="lake.js"></script>
<script>
$(function() {
$('#lake-img').lake({
'speed': 1,
'scale': 0.5,
'waves': 10
});
});
</script>
...
<img id="lake-img" src="lake.png" style="display: none;"/>
расширение для jQuery: Execute Object
2012-04-27 в 10:06, admin, рубрики: ajax, javascript, jquery, метки: ajax, jqueryДелюсь с аудиторий написанным накануне небольшим плагином, который может оказаться полезным и вам. К описанию на гитхабе добавить нечего, поэтому я его просто перескажу.
Плагин позволяет передавать команды манипуляции ДОМом в одном объекте, то есть заменить много вызовов методов одним вызовом функции.
Использование
$.executeObject({"#my_div": ["text", "новый текст"]}) // можно передать объект
$.executeObject('{"#my_div": ["text", "новый текст"]}') // а можно и JSON
Внутренности jQuery. Поиск кода, выполняемого по событию
2012-04-26 в 20:01, admin, рубрики: chrome, Events, find, Google Chrome, javascript, jquery, метки: chrome, Events, find, javascript, jquery 
Чем дальше в лес, тем толще партизаны. Нет, не так. Чем старше веб, тем больше джаваскрипта
Клиентского кода в веб-приложениях с каждым годом действительно становится все больше. Подчас это десятки файлов с сотнями функций. И что делать, когда нам нужно поменять код, выполняемый по событию (например, клик по ссылке). Как его найти? Задавшись решением этой задачи, я придумал несколько разных вариантов. Каждый из них имеет свои плюсы и минусы. И в конце статьи я предлагаю метод, который мне кажется оптимальным.
Читать полностью »
Лица .тостер {javascript}: Ральф и Ян
2012-04-26 в 14:16, admin, рубрики: .тостер, ajax.org, cloud9, javascript, jquery, node.js, Блог компании .тостер, метки: .тостер, ajax.org, cloud9, javascript, jquery, node.jsПривет, любители .тостов!
Вместе с вами мы с нетерпением ждем наступления пятницы 25-го мая, когда на одной сцене сойдутся одни из лучших javascript-ориентированных программистов со своими мыслями о настоящем и будущем.
А пока остается почти месяц до события, которое мы стремимся сделать лучшим кодо-ориентированным событием до летних каникул — продолжим знакомиться со спикерами .тостер {javascript}.
Знакомьтесь: миловидный мужчина в правой части фотографии — Ральф Уитбэк, со-автор подкаста Official jQuery и senior developer в компании appendTo, по-совместительству — участник jQuery Foundation. Здесь опубликованы наиболее интересные отрывки нашего разговора с Ральфом о технологиях, работе и разработке: