Перечень статей   Цветовые обозначения   Choose language


Новый элемент интерфейса "схема"



Формы с линиями

Элементы polyline и path могут быть расположены внутри элемента form. У линий (как и у всех объектов) существуют события click, double-click, но только у линий есть:

Значение атрибута name элементов polyline и path отправляется в серибуте name. Происхождение обозначений: os = old style (state), ns = new style (state). Ниже перечислены отправляемые сэменты.

Работа с точками

click

<dot name=A id=N event=click os= ns= >

Присвоение значения no свойству section-deformation приводит к невозможности перемещения мышкой (drag-and-drop) только одной точки - два смежных отрезка перемещаются как целое, без изменения угла между ними.

double

<dot name=A id=N event=double os= ns= >

right-click

Щелчек правой ("right" click) клавишей мыши на точке означает появление меню, заданного в атрибуте point-menu, в котором пользователь выбирает новое состояние точки (новый стиль). Отправляется

<dot name=A id=N event=menu_item os= ns= >

drag

При перемещении мышкой точки (drag-and-drop) форма отсылает новые координаты точки (новые координаты удобно узнавать с помощью диагностики).

<dot name=A id=N event=drag x= y= >

drop

Если точка при перемещении попала на другую точку (этой или другой ломаной, этой или другой картинки) - в дальнейшем будем называть ее принимающей, то браузер отправляет дополнительный сэмент dad

<dot name=A1 id=N1 event=drag x= y= >
<dot name=A2 id=N2 event=drop>
<dad name=A1 id=N1 onname=A2  onid=N2>
где onname и onnum - идентификаторы принимающей точки. Одна точка попала на другую, если пересекаются объекты, расположенные в них. Если
вложенный объект после перемещения точки накрывает несколько других вложенных объектов, то браузер выбирает в качестве принимающего ближайший к курсору мыши.

Работа с отрезками

click

<section name=A id=N event=click os= ns= >

double

<section name=A id=N event=double os= ns= >

right-click

Щелчек правой ("right" click) клавишей мыши на отрезке означает появление меню, заданного в атрибуте section-menu, в котором пользователь выбирает новое состояние отрезка (новый стиль отрезка). Отправляется

<section name=A id=N event=menu_item os= ns= >

drag

При перемещении мышкой отрезка (drag-and-drop) последний сдвигается путем параллельного переноса, из формы отсылаются новые координаты двух точек.

<dot name=A id=N   event=drag x= y= >
<dot name=A id=N+1 event=drag x= y= >

Возможны два варианта в зависимости от значения свойства point-move тега ld :

dot cross

Если при этом две точки совмещаются в одну, то второй (по следованию внутри тега line) присваиваются координаты (null,null) и и из формы отсылается следующий XML текст

<dot name=A id=N   event=drag x= y= >
<dot name=A id=N+1 event=del>

Резюме

Сэменты
<dot     name= id= event= os= ns= x= y= >
<section name= id= event= os= ns=       >
<dad     name= id= onname=    onid=     >


Атрибуты
тегатрибут
ldpoint-menu, section-menu


Свойства
тегсвойствозначение по умолчаниюсписок возможных значений
ld section-deformationyesyes, no
point-moveendend, cross



Примечание

Под воздействием событий click, double-click, события из меню узлы и отрезки линий изменяют свой стиль (как и все другие html-объекты), после чего точка и отрезок одного и того же узела могут быть изображены двумя разными стилями, что совершенно нормально (если объект, вложенный в узел линии, изменил стиль, то узел ломаной стиль не меняет).




Тюрин Дмитрий



Перечень статей   Цветовые обозначения   Choose language


Hosted by uCoz