Создать игру, создание игр, конструктора игр, игровые движки, разработка игр, сделать игру
Приветствую Вас Гость · Вход · Регистрация  ·  Новые сообщения · Участники · Правила · Поиск · RSS
  • Страница 1 из 1
  • 1
Форум разработчиков игр » Для Веб-мастера » Скрипты JS » dKey Tools
dKey Tools
Hagrael Дата: Пятница, 05.11.2010, 07:15 | Сообщение # 1
Просмотр профиля: Hagrael

Сообщений: [1475]
Представляю вам мой JavaScript фреймворк для работы с веб-разработчика - dKey Tools. Пока реализуется только главный файл библиотеки.
В него входят функции:
$(element):
Валидация объекта.
Пример:
Code
element=$(document.getElementById("needelement"))

Здесь мы заносим в объект-обёртку element объект с id, равным "needelement"
Функции объекта страницы:
1. addEvent(type, func, phase)
Кросс-браузерное добавление события элементу. Здесь type - тип события, func - функция-обработчик, phase - фаза срабатывания события (true - перехват, false - всплытие).
Пример:
Code
element=$(document.getElementById("needelement"))
element.addEvent("click",function() {alert("clicked")},false)

Здесь мы добавляем объекту действие на нажатие по нему кнопкой мыши. Обратите внимание, что тип события пишется без приставки on. Ну и напомню, что IE не поддерживает третий аргумент. Он все события добавит на всплытие.
2. removeEvent(type,func,phase)
Кросс-браузерное удаление события у элемента. Здесь type - тип события, func - функция, которую надо удалить, phase - фаза.
Code
element=$(document.getElementById("needelement"))
func=function() {alert("clicked")}
element.addEvent("click",func,false)
element.removeEvent("click",func,false)

3. setEvent(type,func)
Устанавливает событие объекту. Вот эти записи:
Code
document.getElementById("needelement").onclick=function() {alert("clicked")}
$(document.getElementById("needelement")).setEvent("click",function() {alert("clicked"})

идентичны.
4. html(value)
Устанавливает innerHTML у объекта. Стоит отметить, что IE6 и IE7 не разрешают менять innerHTML у таблиц и их элементов (всех, кроме <td> и <th>), но эта функция решает эту проблему. Такая запись:
Code
$(document.getElementById("table")).html("<tbody><tr><td>FIRST</td><td>SECOND</td></tr></tbody>")

вполне будет работать
5. append(element)
Добавляет к обёрнутому элементу элемент, передаваемый аргументом.
Пример:
Code
element=document.createElement("DIV")
element.innerHTML="Я добавленный элемент"
$(document.getElementById("needelement")).append(element)

6. appendto(element)
Действует также, как функция append, но добавляет обёрнутый элемент к передаваемому как аргумент.
7. insert(element,refelement)
Добавляет в обёрнутый элемент element, передаваемый аргументом, ставя его перед refelement.
8. insertto(element,refelement)
Добавляет обёрнутый элемент в element обёрнутый элемент, ставя его перед refelement
Также в функция $() вы можете передать объект event.
Функция объекта event:
1. stopbubble()
Останавливает всплытие.
2. stopdefault()
Останавливает действие браузера по умолчанию.
3. target()
Возвращает элемент страницы, в котором сработала функция-обработчик.
4. fromElement()
Возвращает элемент, с которого ушла мышь. Функция вернёт null, если событие, вызвавшее функцию, не onmouseover и не onmouseout.
5. toElement()
Действует аналогично функции fromElement(), но возвращает элемент, на который перешла мышь.

Пока реализовываются функции css(), позволяющая менять стиль объекта и filter(), позволяющая легче передвигаться по DOM-структуре.
Кстати, сам элемент, который вы обернули, находится в узле element обёртки. Вот пример, чтоб было понятно:

Code
element=$(document.getElementById("needelement")).element

Эта операция вернёт объект без обёртки.

Скачать фреймворк можно здесь, его размер составляет 5,7 КБ.


George & Daniel:
Война сухофруктов


Сообщение отредактировал: Hagrael - Пятница, 05.11.2010, 15:11
KpoJIuk Дата: Пятница, 05.11.2010, 15:15 | Сообщение # 2


Сообщений: [316]
Hagrael, собственно, ответов нет, потому что здесь мало кто из этого что-нибудь поймет smile
а вообще - вполне полезненько, возьму на вооружение


Make games, not war!
Hagrael Дата: Суббота, 06.11.2010, 10:42 | Сообщение # 3
Просмотр профиля: Hagrael

Сообщений: [1475]
KpoJIuk, да, я тоже так думаю, все же игроделы =)
Через месяц где-то будет сайт, а пока сделаю побольше функций smile

Добавлено (06.11.2010, 10:42)
---------------------------------------------
Добавил функции и изменил функцию html(), теперь она работает лучше и размер сократился до 5.23 КБ!


George & Daniel:
Война сухофруктов
Форум разработчиков игр » Для Веб-мастера » Скрипты JS » dKey Tools
  • Страница 1 из 1
  • 1
Поиск:

При полном или частичном копировании материалов сайта ссылка на Make-Games.ru обязательна. Make-Games.ru © 2008 - 2024 Хостинг от uCoz
Топ Разработка игр