« Поставить закладку » « Сделать стартовой »

« Форумы » « Блоги » « Статьи » « Новости » « Файлы » « Realcoding IRC » « Site map » « Поиск »


Главная Главная
Анонсы Анонсы
Форумы Форумы
Каталог Каталог
Поиск Поиск
Опросы Опросы
Книжный магазин Книжный магазин
Реклама на сайте
Публикации Публикации
Партнеры Партнеры
Карта Карта сайта
Рассылки Рассылки
RSS экспорт
Настройки Настройки
О нас пишут О нас пишут
Контакты Контакты
Гостевая книга Гостевая книга


ПнВтСрЧтПтСбВс
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31        
    Популярное
Язык описания Web-служб (Web Services Description Language — WSDL)

Функция FreeResource

Серверные скрипты. Введение

Оптимальное использование MySQL для новичков

Мониторинг сетей в Delphi

Oracle 8. Программирование на языке PL/SQL. Руководство для программистов (+ CD-ROM)

Студенты (с первого по пятый курс)

Функция AccessResource

Будущее CSS

Функция date() - вывод даты и времени в PHP




    Архив файлов



    Сообщества

    Документация

    Кто на сайте
Вы не зарегистрированы.
Имя:

Пароль:

Запомнить

Регистрация позволит Вам пользоваться дополнительными сервисами.
Сейчас на сайте:
Гостей: 134
Пользователей: 0

Статьи:: Интернет технологии :: Java Script :: Prototype: селекторы и события



отправить ссылку другу версия для печати  Обсудить на форуме

Prototype: селекторы и события

Prototype определённо одна из мощнейших Javascript библиотек, но у неё есть один небольшой недостаток который зачастую ошибочно принимают за большой — отсутствие родной поддержки связывания селекторов с событиями. Для сравнения — в jQuery это одна из основных фич и трудно вообще представить jQuery без этого. Для тех кто не в курсе — это возможность отделять наш Javascript от XHTML посредством CSS селекторов, большенство таких событий как onclick, onmouseover, onmouseout, onblur, onfocus и тому подобные.



Одним из первых решений данной проблемы опубликовал некто Ben Nolan. Он написал Behaviour небольшой плагин который решил эту проблему и вполне пригоден и сейчас. Его минус это большие портянки кода для правил и негибкость переиспользования этих правил в этоге большой размер скрипта. Благодаря jQuery лёгкости и минимальности написания кода на нём, кое кто подумал что пора заимплиментить такой же стиль в Prototype. И вот Justin Palmer после недолгих раздумий учтя минусы Behaviour написал event:Selectors. Это было уже гораздо ближе к jQuery плюс возможность группировать несколько и более разных селекторов с разными событиями используя псевдо селекторы событий. В jQuery такой возможности нет, хотя впринципе она и не особа востребована. К большому сожелению этот плаги не стал развиватса и так и остался в версий 1.0 с некоторым количеством багов. Скорее всего его развитие остановилось всвязи с появлением очередного UJS плагина от парня с говорящей фамилией Dan Webb. Его решение называетса Low Pro и являетса мощным инструментом так как расширяет Prototype Event API. Причом хочу заметить что есть версия плагина для jQuery.
Скачать Low Pro можно здесь

Ну а теперь давайте посмотрим его в действии:

Сначала включим наши библиотеки в XHTML и не забывайте — чтобы всё работало ваш XHTML должен быть валидным, иначе Javascript может вести себя непредсказуемо.

<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/lowpro.js"></script>
<script type="text/javascript" src="javascript/main.js"></script>

В main.js мы будем добовлять наши правила.

Пример 1:
Event.addBehavior({

	'div.myclass a:click' : function(e) { 

		alert('Example 1');

		return false;

	}

});

И вот наше первое правило которое перехватывает onclick событие во всех "div" с классом "myclass" для всех элементов "a". return false нужен чтобы не сработало обычное поведения елемента "a".

Пример 2:

Event.addBehavior({

	'div.myclass a:click' : function(e) { 

		alert('Example 1');

		return false;

	},

	'div[id*=cde]:click, div[id$=cd]:mouseover, div[id^=abcdef]:mouseout' : function(e) { 

		alert('Example 2');

	}

});

В этом примере испльзуютса CSS селекторы аттрибутов третьего уровня и группировка правил с разными событиями.

Как видите всё очень просто, писать больше примеров я думаю не стоит, лучше скачайте их здесь

Автор: http://npfly.habrahabr.ru/



Рубрика: Java Script




Вышел MySQL 5.1.30, первый стабильный рели....

MySQL

После публикации 29 тестовых версий анонсирован первый стабильный релиз MySQL 5.1, пригодный для промышленной эксплуатации и обеспечивающий увеличение производительности для "тяжелых" SQL запросов, по сравнению с MySQL 5.0, примерно на 15-20%. Главные новшества появившиеся в MySQL 5.1:


Подробнее... | Рубрика: MySQL | Добавлено: 28.11.2008

Тестирование параллельных программ.

Тестирование

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


Подробнее... | Рубрика: Тестирование | Добавлено: 28.11.2008

Архитектура AMD64 (EM64T).

Архитектура AMD

Аннотация. В статье кратко рассматривается архитектура AMD64 компании AMD и ее реализация EM64T компании Intel. Описаны особенности архитектуры, ее возможности, достоинства и недостатки.


Подробнее... | Рубрика: Архитектура AMD | Добавлено: 27.11.2008

Остальные статьи:

Платформа 2009. Определяя будущее
Windows Vista Bridge Sample Library - упра...
Оптимизация 64-битных программ
Подгрузка через AJAX HTML-кода, содержащег...
Обзор нового релиза самой мощной Ajax библ...
Firebug 1.3 и 1.4 alpha — что нового и инт...
Релиз Microsoft Silverlight 2.0. Что новог...
XML документация в C#
Курсоры в MySQL 5
Microsoft опубликовала подробности о сесси...
Microsoft делится подробностями о том, что...
Тестируем новый javascript от нового брауз...
MySQL Query Cache
Использование провайдеров компиляции в As...
Чего мы ждем от C# 4.0
Delphi 2009 и C++Builder 2009
Джоэл Спольски и Джеф Этвуд запустили новы...
Поиск кода Google /* что нового? */
10 jQuery скриптов для улучшения интерфейс...
Генераторы отчетов FastReport 4 и QuickRep...


Цитата дня (все,добавить):

Портал фрилансеров

работа на дому


    Рубрикатор

Программирование

C/С++
Обучение
Windows API
XAML
Моделирование
Паттерны
Visual Basic 7 .NET
WxWidgets
Функции WinApi
Функции С++
Разработка под Mac OS
Eiffel
Visual Studio 2008
UI дизайн
Алгоритмы
Конкурсные статьи
Turbo Pascal
Visual Studio
CASE-средства
Visual Studio 2005
Без VCL
Delphi
Тех. документация
Тестирование
Software Testing
ООП
TCP/IP
Google Android
Windows Installer
.NET Framework
Драйвера
C# C Sharp
Справка
Проектирование
Информ. системы
Visual Basic
Assembler
Оптимизация кода
Gtk+
Компоненты
Реинжиниринг
Управление проектами
Extreeme programming
Lotus Notes
Алгебраическое проектирование


Интернет технологии

PHP
Perl
ASP
WAP
Cookies
SSI
CGI
Web Servers
VB Script
DNS
CSS
XML
Html
Java Script
Java2ME
Firewall
Flash
.htaccess
Apache
VRML
Протоколы
Поисковые системы
Технология JAVA
Учебник по PHP
Учебник по JavaScript
Учебник по XML
Java Q&A
AJAX
DHTML
XHTML
Dreamweaver
Web 2.0
Python
Вебмастеру
Cisco
Ruby on Rails
Silverlight

Базы данных

Access
InterBase
MySQL
Oracle
ADO .NET
Основы SQL
Учебник по Access 2002
MS
Microsoft FoxPro
Доступ к данным
XML в MS SQL Server 2000
ODBC и MyODBC
Обучение
Caché
DB2
PostgresSQL
Sybase
Теория
Хранилища данных
Безопасность
Реляционные данные
MySQL и mSQL

Остальное:

Разное
Обзоры книг
Безопасность
Графика и дизайн
Юмор
Linux
Фракталы
Microsoft Axapta
Многоядерность
Сети
Microsoft Office
Работа
MS-DOS
Криптография
Графика и игроделание
Новости SDK
Системы защиты
Учебник по AutoCad
CVS
Windows XP
Windows Server 2003
Windows Vista
Windows 7
Мероприятия