jsPlumb

Бібліотека була портована для MooTools, YUI і JQuery.
Він використовує полотно етап перетягнути графіки, діаграми або різні елементи, що показують шлях GUI елементи або інші об'єкти взаємодіють один з одним.
Для старих браузерів, ExplorerCanvas скрипт від Google використовується.
<Сильний> JQuery:
jsPlumb потрібно JQuery 1.3.x або 1.4.x; і jQueryUI 1.7.x або 1.8.x.
MooTools:
jsPlumb потрібно MooTools 1.2.4 і Drag.Move з MooTools більше.
<Сильний> YUI3:
jsPlumb потрібно YUI 3.3.x

Особливості :.

• елементи графіку:
• Роз'єм - лінія, що з'єднує два елементи на сторінці
• Кінцева точка - візуальне уявлення одного кінця зв'язку
• Якір - місце, щодо початку елемента в, на якому може існувати Кінцева точка
• Накладення -. Компонент користувача інтерфейсу, який використовується, щоб прикрасити Connector, наприклад, етикетки, стрілки і т.д.
• Підключення -. Примірник Якорі, кінцеві точки і роз'єм з нульовим або більше накладень працюють разом, щоб об'єднати два елементи

Що нового У цьому випуску:

• Блок-схема роз'єми зменшити параметр заглушки автоматично, коли два елементи ближче, ніж сума двох заглушок. Це може бути скасоване за допомогою параметра alwaysRespectStubs істина за визначенням роз'єму Блок-схема.

Що нового у версії 1.4.0:

• jsPlumb Тепер реєструє як модуля AMD, якщо AMD завантажувач знайти на сторінці. Два реєстрації зроблені :. '' Jsplumb для статичного примірника, і '', jsplumbinstance для нового примірника
• Всередині всі роз'єми тепер складається з набору сегментів, з яких Є три типи -. Безьє, прямий і дуги
• Повернутися значення з jsPlumb.select і jsPlumb.selectEndpoints тепер підтримує метод "SetType".

Функції
• SetType / AddType тепер підтримують параметризрвані типи.

Що нового у версії 1.3.16:

• Додана концепція зв'язку і кінцевої точки і Quot; типу та Quot ;.
• Додана "Custom" тип накладення.
• Додана "setEnabled '/' методи ', щоб IsEnabled selectEndpoint що повертається.
• Покращена продуктивність для надання етикеток.

Що нового у версії 1.3.11:

• Нова функціональність:
• Метод Додано 'selectEndpoints "в jsPlumb. Це працює таким же чином до jsPlumb.select (який використовується для підключення).
• Метод Додано isSuspendDrawing
• Додана & Quot; підключення та Quot; а псевдонім до існуючої & Quot; jsPlumbConnection & Quot; події. Обидві події звільнений. Так що не зареєструвати для них обох!
• Додана & Quot; connectionDetached & Quot; а псевдоніма & Quot; jsPlumbConnectionDetached & Quot; події. Як і вище -. Обидві події звільняють
• подія Додано 'MaxConnections "в кінцевих точках.
• варіант зворотного виклику 'Додано onMaxConnections "в makeTarget і makeSource
• Виправлені проблеми:
• Додати подію "MaxConnections" в кінцевій точці
• Поліпшення selectEndpoints
• makeSource не шанує параметр MaxConnections
• setLabel ігнорує прапор suspendDrawing
• deleteEveryEndpoint слід призупинити малюнок, перш ніж вона починається і відновити колись його зробили.

Що нового у версії 1.3.10:

• makeSource тепер можна назвати з «фільтром» параметр, який дозволяє реагувати на події миші тільки на частині елемента, який ви хочете.
• Роз'єм Блок-схема підтримує різні довжини заглушки на кожному кінці (Поставка масив з двох цілих чисел, а не тільки одного цілого числа)
• положення накладок Connector тепер можна вказувати як абсолютне значення, з позитивними значеннями, що означають відстань від джерела і негативних значень, що означають відстань від цілі.

Що нового у версії 1.3.9:

• Прямий штекер в полотно тепер підтримує просту dashstyle (два аргументи тільки)
• clearListeners, пожежники і пов'язують методи в jsPlumb, підключення і кінцевих тепер повернемося себе, так що ви можете використовувати їх в '' побіжному стилі.
• PaintStyle і hoverPaintStyle більше не виставляється на кінцевій точці або Connection.
• getPaintStyle і getHoverPaintStyle методи додають до кінцевої точки і підключення.
• HoverClass додано jsPlumb замовчуванням.
• Кілька нових методів додав для роботи з цілями і джерелами.

Що нового у версії 1.3.8:

• Режим Hover призупиняється у той час щось тягнуть. це запобігає багато випадкових спалахів, як миша рухається по екрану.
• VML кінцева крапка не призначаючи спеціальний клас CSS, якщо воно було дано одне. зараз.

Що нового у версії 1.3.7 :.

• Додана функція SETID
• Додана setIdChanged функцію. Це дозволяє розробнику повідомити jsPlumb зі зміни ID після факту.
• connectionDrag / connectionDragStop події.
• getConnections приймає необов'язковий другий аргумент, який говорить jsPlumb повернутися з'єднання у вигляді масиву, а не як об'єкт з областями як ключі.
• Може пройти '*' для getConnections для будь-якого джерела / цілі / області.
• Додана showOverlays / hideOverlays функції у зв'язку і кінцевої точки.
• Додана getOverlays спосіб підключення і кінцевої точки.

Що нового у версії 1.3.6:

• Один останній параметр, який в даний час підтримується є "uniqueEndpoint '-. це наказує makeSource і makeTarget тільки коли-небудь створити один, пов'язаний кінцеву точку
• makeSource і makeTarget дзвінки тепер удостоєний subsquent дзвінків jsPlumb.connect.
• Додана importDefaults і restoreDefaults методи.
• jsPlumb.draggable (..) тепер підтримує вкладені елементи.

Вимоги

• включений JavaScript на стороні клієнта