воскресенье, 9 февраля 2014 г.

HTML5: Drag-and-Drop. Кроссбраузерный? Более чем…


сегодня в 18:03


image

Сегодня я запускаю первую версию js-скрипта DND v 1.0. Данный скрипт предоставляет возможность перетаскивать элементы на странице и помещать их в какую-либо область.

Перейти на сайт
Пролог



В современном web мы все привылки использовать такую прекрасную javascript-библиотеку как jQuery. Но для того, чтобы создавать у себя на странице какие-то динамические эффекты приходиться еще прибегать к jQuery UI, не все слегкостью смогут осилить, разобраться с какими-то премудростями javascript-инициализации. В тем более теперь есть современный HTML5, который, со своим API, может дать легкий подход к разработке. Но как мы все знаем, HTML5 не поддерживается старыми браузерам, однако, это легко исправляется собственными решениями. В итоге я решил написать javascript библиотеку, которая дает возможность использовать HTML5 drag-and-drop у себя на сайте с поддержкой всех браузеров, включая десктопных. При этом технологию можно не изучать, привыкнуть и применять во благо, это все, что от нас требуется.
Особенности




  • Легкое использование

  • Легковесный скрипт -5 кб

  • Не требует сторонних js библиотек

  • Сочетается HTML5 и JS совместимость

  • Работает на всех компьютерах и на планшетах

  • От программиста требуются только знания CSS






Применение



1. Подключаем в любое место свое страницы dnd.js

2. Указываем на своей странице перемещаемый объект. Это делается с помощью атрибута class, в нем вы должны указать класс под названием dnd

3. Указываем на своей странице принимающий объект. Это делается с помощью того же атрибута class, указываем — cor
Нашли ошибку



Напишите об этом автору скрипта — maxefect@yandex.ru. Также вы можете связаться с ним, если хотите помочь в данном проекте — личная страница




683


12






Свежий взгляд

на бег


протестируй кроссовки

нового поколения




Стань

первоиспытателем!


Скачай Windows Server 2012 R2

и выиграй почетную футболку!


Скачать



Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.


This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at http://ift.tt/jcXqJW.


Комментариев нет:

Отправить комментарий