Архив категории Уроки новичка

Слайдеры – Урок 14 – Уроки Mootools

Введение в слайдеры Если вы прочитали предыдущие уроки Mootools, то Вам должны быть уже более или менее понятны большинство объектов библиотеки Mootools. Объект Slider особо ничем не отличается от других: создаете новый слайдер (new Slider), определяете элементы слайдера и ручки, определяете параметры и создаете несколько функций для функций обратного вызова и, в принципе, всё. Но, [...]

, ,

Нет комментариев

Уроки Mootools – Регулярные выражения – Урок 13

Очень и очень трудно мне далось написание этого урока. Регулярные выражения вообще не самое простое, что есть в программировании, а уж для меня, так тем более. Например, пока я писал его, познакомился с функцией escapeRegExp(), которую хотел применить при доработке под свои нужды класса Mootools для поиска и подсветки текста на странице (аналог обычного поиска [...]

, , , , ,

Нет комментариев

Перемещение/Передвижение с помощью класса Drag.Move – Урок 12

По моему мнению, верх интерактивности, это когда пользователь сайта может не просто ввести текст в определенную форму, а когда он сам может изменять дизайн, например, сам определять те или иные параметры внешнего вида сайта или использовать перетаскивание для заполнения своей покупательской корзины, например. Перетаскивание – один из самых мощных инструментов JavaScript и библиотек на его основе. Поклонники «высшего пилотажа», те кто стремится сделать свои скрипты супер быстрыми и оптимизированными, скажут, что нужно всегда использовать Javascript для создания кода, но библиотеки сделаны не просто для развлечения. Да, написав код на JavaScript, вы сделаете свой скрипт самым быстрым насколько это возможно (конечно, в зависимости от уместности использования тех или иных функций/методов), но такие библиотеки, как Mootools, jQuery, Prototype и др. призваны облегчить жизнь веб-программиста: они сделали создание специальных эффектов и интерактивности на сайте довольно простым, что и должен будет доказать этот урок. Итак, учимся создавать перетаскиваемые объекты с помощью классов Drag и Drag.Move.

, , ,

Нет комментариев

Уроки Mootools – Использование Fx.Morph, Fx.Options и Fx.Events – Урок 11

Mootools 1.2 Fx.Morph, Fx.Options, и Fx.Events Сегодня продолжим исследовать раздел спец. эффектов нашей любимой библиотеки. Вначале, мы научимся тому, как использовать библиотеку Fx.Morph (которая, по сути, позволяет изменять несколько свойств объектов), после чего посмотрим на несколько примеров использования общих параметров спец. эффектов, применимых как к Fx.Tween и Fx.Morph. Ну а в конце, рассмотрим такие события [...]

, , , , ,

Комментарии (3)

Спец. Эффекты в Mootools – Уроки Mootools – Урок 10

Библиотека Mootools, будучу основанной на Javascript, имеет довольно серьезные средвства для создание простынх и не очень спец. эффектов для придания красоты и удобства использования страницы пользователем. В этом уроке речь пойдет оь одной из самых интересных (мне лично) сторон Javascript и Mootools в частности – создание и управление спец. эффектами. Сейчас мы поговорим о самых простых эффектах, таких, как изменение размера, формы, цвета элемента, но чем дальше мы зайдем, тем больше всего интересного узнаем. Интрига? Тогда читаем дальше!

, , ,

Комментарии (2)

«Фильтруй базар» или учимся фильтровать текст – Уроки Mootools – Урок 9

В продолжении урока №9 о фильтрации чисел, продолжим в том же духе: расмотрим уструменты, посволяющие фильтровать текст. Как говорилось и в 9-м уроке, инструментами Mootools можно осуществлять превентивные действия по обороне сайта от атак и ошибок при вводе данных, однако, ключевое слово тут «превентивные» – ВСЕ Javascript инструменты можно использовать как оружие первой линии обороны, но полноценно оборняться и огрождаться от ошибок ввода нужно сервеными инструментами! А пока, нырнем в фильтрацию с помощью Mootools.

, , , ,

Комментарии (5)

Уроки Mootools – Урок 8 – Учимся фильтровать числа

В этом уроке я покажу методы фильтрации чисел с помощью Mootools. Такие методы хороши в качестве превентивных мер обороны, но обороняться нужно «тяжелой артиллерией», т.е. серверными инструментами (PHP, ASP и т.д. – в зависимости от предпочтений и умений программиста и возможностей сервера). Но часто, превентивные меры уже хорошо справляются с защитой, потому их тоже надо знать!

, , , ,

Комментарии (4)

Уроки Mootools – Урок 7 – Игра со стилями

На мой взгляд – очень интересный урок, где рассмотрим мы методы работы со стилями. Согласитесь, работать со стилями в современном Web 2.0, очень важно уметь! Вот и будем рассматривать методы и функции получения и изменения свойств стилей «на лету», т.е. пользователь нажал на кнопку, а и не заметил, как свойство стиля и изменилось.

, , , , , ,

Комментарии (2)

Уроки Mootools – Урок 6 – Манипуляции с HTML

этом уроке мы заглянем еще глубже в то, какие возможности манипулирования элементами HTML скрывает в себе Mootools библиотека 1.2. Я уже, наверное, не раз говорил, насколько мощные возможности скрывает в себе легкая библиотека Mootools 1.2, но хочу еще раз напомнить о том, что с ее помощью можно добавлять новые элементы в вашу страницу, удалять ненужные и изменять их стиль или параметры, и все это «налету».

, , ,

Комментарии (7)

Уроки Mootools – Урок 5 – Управление событиями

Итак, мы начинаем наш 5-й урок по Mootools. В последнем уроке мы рассматривали различные пути создания и использования функций в Mootools 1.2. Нашим следующим шагом в познании этой библиотеки – это события. Аналогично селекторам, они очень важны для создания интерактивного пользовательскоо интерфейса (UI). Когда вы получаете доступ к какому-либо элементу, вам нужно будет решить какое именно событие вызовет необходимое действие.

, , , ,

Комментарии (4)