List of articles   Colour designations   Choose language


New control "scheme"



Forms with lines

Tag line can be located inside tag form. Nodes and sections of a broken line change their style (as all other html-objects) under events click, double-click, event from menu), after that point and section of same unit can be written by two different styles, that is completely normal (if object, enclosed into node, has changed style, then node does not change style). Besides that, only lines have:

Value of attribute name of tag line is sent in seribute name. Origin of designations: os = old style (state), ns = new style (state). Sending saments are listed below.

Work with points

click

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

Assignment value no to property section-deformation results to drag-and-drop of only one point is maked impossible - two adjacent (neighbouring) sections go together, without changing angle between them.

double

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

right-click

Click by right key ("right" click) on a point means occurrence of menu, specified in attribute point-menu, in which user chooses new state (new style) for point. The following is sent

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

drag

New coordinates of drag-and-dropped point are sent the following (it's comfortable to find new coordinates by diagnostics).

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

drop

If point has got upon other point (of this or other broken line, of this or other picture) - further we shall name it as accepting point, then browser sends additional sament dad

<formdata>
  <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>
</formdata>
where onname and onnum are identifiers of accepting point. One point has got upon another, if an objects, located in them, are crossed. If an
enclosed object covers several other enclosed objects after moving point, then browser chooses object, nearest to mouse cursor, as accepting object.

Work with sections

click

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

double

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

right-click

Click by right key ("right" click) on a section means occurrence of menu, specified in attribute section-menu, in which user chooses new state (new style) for section. The following is sent

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

drag

Section goes during drag-and-drop by parallel carrying. Form sends new coordinates of two points.

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

Two variants are possible, depending on value of property point-move of tag ld :

dot cross

If two points are combined into one, then second point (on following inside tag line) receives coordinates (null, null) and form sends following XML text

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

Resume

Saments
<dot     name= id= event= os= ns= x= y= >
<section name= id= event= os= ns=       >
<dad     name= id= onname=    onid=     >


Attributes
tagattribute
ldpoint-menu, section-menu


Properties
tagpropertydefault valuelist of possible values
ld section-deformationyesyes, no
point-moveendend, cross



Dmitry Turin



List of articles   Colour designations   Choose language