Отрисовка графических примитивов с помощью canvas


Уже далеко не новый html-элемент canvas сегодня поддерживается во всех нормальных браузерах. Если вы используете FireFox, Opera или Google Chrome последних версий, то проблем возникнуть не должно. Даже IE9 поддерживает canvas. Читать далее Отрисовка графических примитивов с помощью canvas

Отправка форм с помощью Ajax’a

Зачем это нужно?

Каждый раз при отправке формы на сервер, страничка полностью перезагружается, на что уходит трафик и время. Иногда эти потери совсем не оправданы. Представьте, что на страничке с кучей картинок и флэша есть мини-опрос «каким браузером вы пользуетесь?». После того, как пользователь проголосовал, страничка со всем тяжеловесным контентом полностью обновляется. Избежать подобной ситуации можно, если для отправки форм использовать ajax. Эта технология позволяет JavaScript отправлять абсолютно любые http-запросы, в том числе и точно такие же, какие летят на сервер при отправке формы. Прелесть состоит в том, что при выполнении подобного запроса страничка не перезагружается. Читать далее Отправка форм с помощью Ajax’a

Placeholder HTML5 и его использование

Все, наверняка, видели подсказывающий текст в поле формы, который пропадает, как только установить курсор в это поле. Это очень экономит место, поскольку не надо подписывать каждое поле формы слева. Сегодня мы рассмотрим два способа создания данной фишки: старый (с помощью JavaScript) и новый (с помощью html5). И очередной раз восхитимся технологиями будущего 🙂 Читать далее Placeholder HTML5 и его использование

TrackBar HTML5 и его использование

Трекбар — привычный элемент управления в операционных системах, но в веб-интерфейсе его встретишь редко, так как встроенной возможности для создания этого элемента в HTML4 не было. Существуют JavaScript-библиотеки, при помощи которых можно легко создавать трекбар на веб-странице. Потребность в этих библиотеках, однако, скоро отпадёт, так как, используя HTML5, этот элемент создаётся очень легко. Читать далее TrackBar HTML5 и его использование

Три функции, упрощающие оперирование DOM-узлами

Новички, только начиная писать на чистом JavaScript, как правило, не пишут ни каких дополнительных функций для упрощения манипуляций с элементами DOM, а зря. Это может существенно облегчить жизнь. Почему? Как минимум, потому, что названия функций становятся короче. Возмём, к примеру, очень часто используемый метод document.getElementById(id). Длинное название, не так ли? Можно уберечь себя от лишнего стука по клавишам сделав одну простую штуку Читать далее Три функции, упрощающие оперирование DOM-узлами

Горячие клавиши. Отправка по нажатию Ctrl+Enter

Как часто при работе за компьютером вы используете горячие клавиши? Лично я очень часто. На мой взгляд, это сильно экономит время. При работе с текстом, когда неудобно каждый раз отрывать руки от клавиатуры и тянутся к мышке, лишь затем, чтобы сделать пару кликов, они незаменимы. В текстовых редакторах и других программах пользователю, как правило, предоставляется возможность использовать горячие клавиши, но как быть, если вы набираете сообщение в текстовом поле на страничке в Интернете и после его набора необходимо кликнуть на кнопку “Отправить”, что неудобно, когда, например, это действие надо проделывать много раз. Любой браузер, конечно, поддерживает использование горячих клавиш, но функции, которые вызываются их нажатием, обычно не могут оперировать с содержимым страницы. Для этого, чаще всего, используется JavaScript. С его помощью можно обрабатывать нажатие, а точнее, нажатие и отпускание клавиш, и имитировать клик по кнопке, чего достаточно, чтобы написать скрипт для отправки сообщения по нажатию, скажем, сочетания клавиш ctrl+enter, что я и предлагаю сделать. Читать далее Горячие клавиши. Отправка по нажатию Ctrl+Enter

Пишем регистрацию на PHP и JavaScript – Часть 2: JavaScript

Всем привет! Сегодня у нас вторая часть статьи о регистрации, посвященная валидации на клиенте с помощью JavaScript.

Валидация форм на клиенте перед отправкой позволяет снизить нагрузку на сервер (так как некорректные данные не отправляются на сервер) и делает работу с интерфейсом страницы более удобной, так как пользователю не приходится ждать перезагрузки страницы в случае, если отправляемая форма заполнена не верно Читать далее Пишем регистрацию на PHP и JavaScript – Часть 2: JavaScript

Игра «Пятнашки» на JavaScript

Пятнашки — простая и многим с детства знакомая головоломка, поэтому я не буду рассказывать про правила, надеюсь, они вам знакомы. Во многих учебниках по программированию предлагается в качестве урока написать эту головоломку. Напишем и мы её на JavaScript. Читать далее Игра «Пятнашки» на JavaScript