Журнал «Код моё имя»

Вот несколько советов для тех, кто хочет улучшить свои страницы, не имея больших знания в JavaScript.
Ввод текста в «status bar»
Первый пример показывает ,как помещать текст в «статус баре». Когда вы наводите курсор на гиперссылку, «статус бар» показывает значение URL. Это нельзя назвать очень полезной процедурой. К счастью, мы легко можем вставить туда наше собственное краткое описание.
Чтобы что-то отобразилось в «статус баре» при перемещении курсора мыши на него , вам необходимо добавить ещё кое-что:

«onMouseOver is the event and the string part is our event handler.»
Вы должны удивиться, почему мы не вставляли «return true;» в наш «onMouseOver» обработчик событий. Как правило браузер отображает URL ссылки в статус баре, а эта часть кода не позволяет браузеру делать это, так как он способен стереть наше сообщение.
Читать полностью

Очень часто возникает необходимость не просто применить какое-нибудь событие к объектам одного скласси или одинаковым нодм, но и назначить специфические события для каждого определённого нода или собрать данные из всех полей.
в данном примере я покажу как собрать все значения для тегов input лежащих в form c помощью jquery и метода each
Читать полностью

Итак, продолжим изучение движения на яваскрипте. Сегодня я хочу показать простой пример организации движения объекта по прямой. Для реализации движения мы применим тот же способ, что и в предидущем примере про движение точки по окружности, только с разницой в формуле. И опять нам прийдется вспомнить школьный курс математики , а именно теорему подобия. Вы все конечно её помните .
Начальной точкой будут текущие координаты точки, конечные мы будем указывать в ручную.
Параметры:
x — конечные координаты точки по оси х
y — конечные координаты точки по оси у
d — шаг в пикселях
obid — id объекта
timeout — временной интервал
Читать полностью

Писал скриптик для портфолио недавно и там, в одной из задач, было необходимо реализовать движение точки по окружности. Провозившись пол часа написал универсальную функцию для реализации данной задачи.
Входящие параметры функции:
alfa — начальный угол
beta — на какой угол повернуть
dalfa — шаг угловой
ro — направление вращения 0 по часовой 1 против часовой
x — координаты точки по оси х
y — координаты точки по оси у
centrX — координата центра по оси х
centrY — координата центра по оси у
Radius — радиус
obid — id объекта
timeout — временной интервал
Читать полностью

Итак, какой же код можно назвать хорошим?
Я решил собрать выбрать наиболее важные критерии «хорошего кода» и вот они:

1) Код не должен содержать ошибок (будь то граматических или же ошибок самого кода)

Думаю почему этот критерий так важен понятно, а безграмотный человек не может написать хороший код.

2) Код должен быть максимально задокументирован.

Код должен содержать максимально подробные комментарии, так как в большинстве случаев ваш код посмотрят другие, а даже если не посмотрят, то вам потом самим возможно прийдётся ещё раз его использовать и разбираться в том, что вы написали год назад.

3) Максимальная кросплатформенность.

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

Сколько раз вы хотели просто нарисовать стрелку на своей web-странице? Или несколько линий тут и там? К сожалению, HTML ничем не может в этом помочь, а использование изображений съедает трафик и замедляют загрузку ваших страниц.
Благодаря Уолтеру Зорну, вы можете теперь использовать JavaScript, чтобы рисовать объекты на ваших web-страницах. Запустите свой JavaScript редактор, следуйте инструкциям, приведенным ниже, и вы будете рисовать формы на своих web-страницах в мгновение ока.
Нажмите здесь, чтобы загрузить JavaScript библиотеку векторного рисования (6 КБ) согласно лицензии LGPL

Используйте библиотеку, чтобы рисовать:
линии
круги и овалы
прямоугольники
ломаные линии и многоугольники
тексты
картинки
Читать полностью

Сегодня я хочу продемонстрировать библиотеку JQuery со стороны визуального оформления сайта. Библиотека обладает большим набором визуальных эффектов, с которыми сайт приобретёт свою неповторимость и динамичность просмотра.

Для начала посмотрим как могут быть использованы эффекты, а затем я приведу их список.

show(effect, options, [speed], [callback])

Показывает элемент с помощью эффекта (effect).


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

Думаю вы не раз пользовались стандпртным поиском по странице при помощи того же firefox по нажатии на кнопочку F3. Это очень удобно, когда знаеш что искать, но к сожалению не все пользователи знают о такой замечательной функции, а многим просто лень её искать.
В данной статье я хочу показать как сделать некоторое подобие данной функции, а именно подсветку текста на странице.
Итак метод заключается в следующем: мы, пользуясь функцией replace() заменяем введённое в поле для поиска слово на такое же только с определённым стилем Читать полностью

В этой статье мы рассматриваем создание AJAX приложения – чата. Пока это простая программа, но в дальнейшем мы добавим ей функциональности
Создание таблиц для чата
Для чата нам нужно создать 2 таблицы. Первая это «chat», где хранятся все комнаты чата и вторая «message» где хранятся все сообщения чата

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

Поворот текста с помощью HTML. Большенство людей считают данную задачу не решаемой средствами HTML, ну по крайней мере если и решаемой то не кросбраузерно. Я хочу разрушить данный стереотип и на примере показать, что это не только возможно, но и очень просто.
Как это делается? А очень просто.. Для интернет эксплорера это делается на базе фильтров, и этот метод известен почти всем. Но фильтра не действуют в браузерах типо оперы и фаерфокса. Как же с ними быть? А очень просто.. Для этого мы воспользуемся элементом которого нет в IE это канавас(<canavas>), который мы динамически создадим.

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

Очень часто необходимо сделать проверку введённого email адреса, и в этой статье я покажу 2 способо проверки:

• При помощи javascript
• Средствами PHP

Условиями проверки в данном случае являются наличие «собачки», число символов после собачки не менее 3-х и наличии там же точки.
Для PHP мы будем использовать регулярные выражения и функцию preg_match
Читать полностью

Несмотря на то, что нынче всплывающие окна, вызываемые методом window.open считаются дурными тоном на сайте, есть места, в которых без них просто не обойтись. Примером такого использования является например музыкальное сопровождение на сайте (когда необходимо чтоб при заходе на сайт музыка включалась и не перегружалась после перехода по внутренним страницам. Но такие окна во всех современных браузерах блокируются, по этому я хочу показать не только как создать такое окно, но и как момочь юзеру его всётаки разрешить ему «всплыть».
Читать полностью

Итак, сегодня мы посмотрим как сделать красивый эффект отражения с помощью javascript. Что нам для этого понадобится? Для этого нам понадобится немного свободного времен и любая картинка для тестов. Для создания такого эффекта, как вы видите слева на картинке нам понадобится написать небольшой скриптик, который будет на базе существующей картинки создавать область canvas и применять к ней эффект оптикания

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