JavaScript

• CKEditor3 - новое лицо старого FCKEditor
  Frederico Caldeira Knabben - создатель редактора, ранее известного как FCKEditor. В последней версии он не только изменил название на более подходящее, но и привнес много нового.
   
   
• Эффект Liquid Image
  Вдохновленный его наглядной простотой, британский разработчик Andrea Giammarchi вновь обратился к хорошо известному зеркальному эффекту ActionScript 1.0 и сделал его более легким (уменьшил на 1.2 Кб и сжал) и портативным, благодаря его кроссбраузерности и независимости от библиотек. А еще это 100% JavaScript без Canvas.
   
   
• Range, TextRange и Selection
  В статье речь пойдет о документированных, но нечасто используемых объектах Range, TextRange и Selection. Здесь вы найдете как вольный перевод спецификаций с понятными примерами, так и различные кроссбраузерные реализации.
  33 комментария
   
• Сортировка массивов в JavaScript
  Задача — разобраться как работает сортировка в JavaScript, насколько она производительна и что с её помощью можно делать.
  10 комментариев
   
• Селекты
  Javascript-программисты часто работают с выпадающими списками — селектами. И не всегда эта работа доставляет удовольствие.
  5 комментариев
   
• Компенсируем отсутствие снега
  Если природа не балует нас предновогодним снегом — приходится брать инициативу в свои руки.
   
   
• Производительность конкатенации строк
  Практика может быть далека от теории — это известно. Программисты, однако, зачастую избегают вредных последствий этого тезиса, т.к. в первую очередь учатся на практике, а уж потом читают книжки), если вообще читают. В общем, я хочу рассмотреть один интересный факт, заявленный автором книги «Professional JavaScript for Web Developers» (Zakas N. C.):
  6 комментариев
   
• Анимация со сменой прозрачности: Fade In, Fade Out
  Дизайнеры любят использовать анимационный эффект изменения прозрачности, заставляя элементы приложения возникать из ниоткуда (Fade Id) или исчезать в никуда (Fade Out).
  10 комментариев
   
• DOM: Работаем со строками и ячейками таблицы
  Перед вами стоит задача "препарировать" таблицу. Пройтись по её строкам и ячейкам, что-то удалить, что-то добавить. Зацепившись за элемент table, мы начинаем использовать привычные DOM-свойства и методы: firstChild, createElement, appendChild и др. И вдруг оказывается, что всё работает совсем не так, как представлялось на первый взгляд.
  4 комментария
   
• Метапрограммирование на JavaScript
  Метапрограммирование — создание программ, которые создают другие программы как результат своей работы (либо — частный случай — изменяющие или дополняющие себя во время выполнения).
  11 комментариев
   
• Об осле и ресайзе
  Одна из часто используемых юзерами возможностей — изменение размера окна браузера. При этом не все элементы на странице удается удачно масштабировать с помощью HTML/CSS и что-то приходится делать скриптами.
  2 комментария
   
• Ловим скролл
  Страницы сайтов по своему функционалу стремятся к возможностям полноценных приложений, что, в основном, ложится на плечи JavaScript. Одна из задач, которая возникает у разработчика JavaScript-приложений — обработка скролла.
  11 комментариев
   
• Табуляция в текстовых полях форм
  Как часто вам приходится писать в текстовых полях на web-страницах текст, требующий табуляцию (например, HTML-код)? Если вы знакомы с этой проблемой, то помните, что рефлекс, выработанный в большинстве редакторов, приводит к потере фокуса у текущего элемента формы. Таково поведение браузера по-умолчанию, которое можно забороть, в случае необходимости, конечно.
  16 комментариев
   
• Получаем значения свойств элементов - getComputedStyle
  В ходе обработки HTML-страницы браузер вычисляет значения множества свойств для всех элементов и, исходя из этого, располагает их на странице. Научимся получать значения этих свойств.
  15 комментариев
   
• Библиотека prototype.js - знакомство
  Prototype.js — довольно популярный фреймворк, способный облегчить жизнь JavaScript-разработчику.
  10 комментариев
   
• WYSIWYG: вставляем произвольный HTML-код
  Задача: при редактировании данных в визуальном редакторе иметь возможность вставлять произвольные элементы форматирования, например, заголовки.
  58 комментариев
   
• Букмарклеты - JavaScript в адресной строке
  Букмарклет (bookmarklet) — небольшая JavaScript-программа, сохраняемая как браузерная закладка.
  5 комментариев
   
• Простейший WYSIWYG (визуальный редактор)
  Задача: написать простейший визуальный редактор и немного разобраться как он работает.
  29 комментариев
   
• Создание градиента в тексте
  Задача: найти способ для создания градиента в произвольном элементе, содержащем текст (или гипертекст)
   
   
• Вставка кода в текстовые поля
  Задача: написать сценарий, способный обрамлять выделения в текстовых полях формы, любым кодом.
  21 комментарий
   
• MSXML: Реализация XML в Internet Explorer
  Браузер Internet Explorer, начиная c версии 5.0 поддерживает XML и XSLT. Задача: разобрать реализацию XML в IE и научиться с ней работать.
   
   
• Обработка нажатия правой кнопки мыши (oncontextmenu)
  Задача: отловить нажатие правой кнопки мыши в окне браузера и показать собственное контекстное меню.
   
   
• Условная компиляция (Conditional Compilation)
  Выражения, приведенные в данной статье будут работать только на движке JScript, но иногда бывают полезны.
   
   
• Удобное создание ролловеров на картах: imagemap + canvas
  Чтобы заставить работать ролловеры на карте изображений (imagemap), приходится создавать множество дополнительных рисунков, заменяя ими основной. Для некоторых задач этого можно избежать, воспользовавшись canvas.
  8 комментариев
   
• Canvas - создание многоугольников
  Нередко, с помощью JavaScript приходится показывать прямоугольные области (всплывающие подсказки, выпадающие меню и прочее). Но чтобы визуально элемент смотрелся не прямоугольником, мы прибегаем к услугам графики и CSS.
   
   
• Encode URI - преобразование символов в UTF-8
  Данные, передаваемые в URI, должны соответствовать базовой таблице latin-1. Если необходимо передать символы, не принадлежащие этой таблице, строка преобразуется в utf-8.
   
   
• Сохранение по Ctrl+S в браузере
  Задача: по нажатию Ctrl+S заблокировать браузерный диалог о сохранении страницы и запустить пользовательскую функцию.
  4 комментария
   
• Многоуровневое выпадающее JavaScript меню
  Задача: написать как можно более универсальную функцию, которая, принимая многоуровневый хэш, смогла бы построить выпадающее меню любой вложенности
   
   
• JavaScript валидация (проверка) форм
  Задача: сделать универсальную функцию для прохождения по полям формы с возможностью проверки введенных данных
  9 комментариев
   
• Список команд для метода execCommand
  Метод execCommand, применяемый для форматирования выделений, имеет довольно обширный список команд, приводимых в данной статье.
  21 комментарий
   
• Добавление полей в форму
  Задача: реализовать функционал "еще одно поле" для формы с ограничением числа полей и возможностью удаления.
   
   
• Прокручивание HTML-контента с помощью JavaScript
  Для имитации скролла, фотогалерей или бегущего полотна текста необходимо прокручивать целые блоки HTML-содержимого. Сделать это можно несколькими способами, в зависимомти от поставленных задач.
   
   
• Изменение стилевых свойств HTML-элементов
  Чтобы изменить внешний вид HTML-страницы с помощью JavaScript, не обязательно перестраивать DOM-дерево. Иногда бывает достаточно поменять пару стилей...
   
   
• Присваивание размеров и позиций элементов, работающее независимо от DOCTYPE
  С помощью JavaScript можно динамически задавать свойства width/height или top/left и даже marginRight/marginLeft объекта style для HTML-элементов. Однако, при переходе от HTML 4.01 к XHTML 1.0 могут возникнуть непонятные проблемы в Gecko-браузерах...
  3 комментария
   
• Получаем список всех потомков для заданного узла
  Задача: получить список всех потомков для переданного узла.
   
   
• Установить/получить cookie
  Cookie — это запись формата имя=значение, которая хранится на машине клиента, имеет определенный срок действия и относится к домену, из которого была установлена.
   
   
• Пользуемся AJAX-объектом
  AJAX (Asynchronous JavaScript and XML) — термин, который не так давно вошел в лексикон создателей WEB-приложений. Он означает целую совокупность технологий, объединяемых в рамках одного интерфейса и позволяющих отправлять запросы без перезагрузки страницы.
  3 комментария
   
• typeof & instanceof
  При написании JavaScript-сценариев часто используется функция typeof, возвращающая строковую метку о типе переданного аргумента. Рассмотрим работу функция typeof и её младшего брата - оператора instanceof.
  6 комментариев
   
• Рисуем цветовую палитру
  Палитра цветов — очень полезная штука во всех отношениях. Многие часто пользуются ей в различных рисовалках (Photoshop, GIMP и др.), а некоторые хотели бы видеть палитру и в WEB-приложениях. Легче легкого...
   
   
• Определение версии flash-плеера
  Для эффективной вставки флеша иногда требуется определить версию flash-плеера.
   
   
• Предотвращение всплывания событий
  В DOM & JavaScript события имеют свойство "всплывать". Например, если вы кликните по вложенному элементу, то обработчик клика вызовется сначала для этого элемента, а затем для всех родительских вплоть до document. Иногда "всплывание" мешает и его можно оборвать.
  3 комментария
   
• Обработчики событий - добавляем/удаляем
  Использовать атрибуты тегов для добавления событий и их обработчиков к HTML-элементам - способ древний и неудобный. Смотрим более красивое решение.
  6 комментариев
   
• Скролл окна документа
  HTML-документ может занимать несколько экранов, как по вертикали, так и по горизонтали. Приведенная ниже функция позволяет определять высоту обоих скроллов в пикселях.
   
   
• Измеряем время выполнения сценария
  Интересно, а как быстро работает написанный Вами JavaScript-сценарий?
   
   
• Drag & Drop силами JavaScript
  Пишем скрипт, с помощью которого можно передвигать элементы на web-странице.
  7 комментариев
   
• Координаты указателя мыши
  При движении мыши в окне браузера часто требуется определить её координаты, например при создании интерфейса с различного рода "перетаскиваниями". За точку отсчета (x=0, y=0) принимается верний левый угол документа.
   
   
• Определение браузера
  JavaScript может "видеть" какой браузер использует клиент: Internet Explorer, Opera или что-то еще...
  2 комментария
   
• Прелоад изображений
  Если вы делаете фотогалерею, то высока вероятность того, что вы столкнетесь с задачей предзагрузки изображений.
  8 комментариев
   
• Формы слов
  Вместе с числами часто употребляются слова в различных формах. Например, "1 ошибка, 3 ошибки". Пишем универсальный скрипт для определения формы слов.
  10 комментариев
   
• Размеры клиентской часть окна
  Задача: определить размеры (длина, высота) клиентской части окна браузера.
   
   
• Координаты элемента на странице
  Для любого HTML-элемента (div, img, a...) можно определить координаты верхнего левого угла, воспользовавшись всего одной функцией.
  2 комментария