ImageMap response
Example ImageMap response:
<MAP name="tree-imagemap"> <!-- Area representing a batch --> <AREA shape="rect" id="BatchId%5BID%3Dpro_003%2C+gan%3D0800000015000019%5D" coords="18,93,40,115" href="?origin=%2801%29070100000001%2810%29gutfresh_1%2821%290001&focus=BatchId%5BID%3Dpro_003%2C+gan%3D0800000015000019%5D&type=batch&key=jwGMFo&focusLocalId=pro_003&nodeId=0800000033000013&imageMapName=tree-imagemap&includeImgTag=true&width=740&height=400" data-localid="pro_003" data-node="0800000015000019" data-epc="pro_003" data-process="upstream" alt="Production: pro_003" title="Production: pro_003"/> <!-- Area representing a trade unit. --> <AREA shape="poly" id="TradeUnitId%5BID%3D%2801%29040303000001%2810%29pro_003pro_004%2821%290001%2C+global%3Dyes%2C+gan%3D0800000015000019%5D" coords="61,161,68,149,82,149,89,161,82,173,68,173,61,161" href="?origin=%2801%29070100000001%2810%29gutfresh_1%2821%290001&focus=TradeUnitId%5BID%3D%2801%29040303000001%2810%29pro_003pro_004%2821%290001%2C+global%3Dyes%2C+gan%3D0800000015000019%5D&type=batch&key=jwGMFo&focusLocalId=%2801%29040303000001%2810%29pro_003pro_004%2821%290001&nodeId=0800000033000013&imageMapName=tree-imagemap&includeImgTag=true&width=740&height=400" data-localid="%2801%29040303000001%2810%29pro_003pro_004%2821%290001" data-node="0800000015000019" data-epc="(01)040303000001(10)pro_003pro_004(21)0001" alt="Feed additive: (01)040303000001(10)pro_003pro_004(21)0001" title="Feed additive: (01)040303000001(10)pro_003pro_004(21)0001"/> <!-- Area representing a stacked group of trade units. --> <AREA shape="poly" id="GroupId%5Bid%3DTradeUnitId%5BID%3D%2801%29070306400001%2810%29Prod_1%2821%290002%2C+global%3Dyes%2C+gan%3D0800000024000011%5D%5D" coords="306,179,313,167,327,167,334,179,327,191,313,191,306,179" href="?origin=%2801%29070100000001%2810%29gutfresh_1%2821%290001&focus=GroupId%5Bid%3DTradeUnitId%5BID%3D%2801%29070306400001%2810%29Prod_1%2821%290002%2C+global%3Dyes%2C+gan%3D0800000024000011%5D%5D&type=batch&key=jwGMFo&focusLocalId=%2801%29070306400001%2810%29Prod_1%2821%290002%2C+%2801%29070306400001%2810%29Prod_1%2821%290003%2C+%2801%29070306400001%2810%29Prod_1%2821%290004%2C+%2801%29070306400001%2810%29Prod_1%2821%290005%2C+%2801%29070306400002%2810%29Prod_7%2821%290061%2C+%2801%29070306400002%2810%29Prod_7%2821%290062%2C+%2801%29070306400002%2810%29Prod_7%2821%290063%2C+%2801%29070306400002%2810%29Prod_7%2821%290064%2C+%2801%29070306400002%2810%29Prod_7%2821%290065&nodeId=0800000033000013&imageMapName=tree-imagemap&includeImgTag=true&width=740&height=400" data-localid="%2801%29070306400001%2810%29Prod_1%2821%290002%2C+%2801%29070306400001%2810%29Prod_1%2821%290003%2C+%2801%29070306400001%2810%29Prod_1%2821%290004%2C+%2801%29070306400001%2810%29Prod_1%2821%290005%2C+%2801%29070306400002%2810%29Prod_7%2821%290061%2C+%2801%29070306400002%2810%29Prod_7%2821%290062%2C+%2801%29070306400002%2810%29Prod_7%2821%290063%2C+%2801%29070306400002%2810%29Prod_7%2821%290064%2C+%2801%29070306400002%2810%29Prod_7%2821%290065" data-node="0800000024000011" data-epc="(01)070306400001(10)Prod_1(21)0002, (01)070306400001(10)Prod_1(21)0003, (01)070306400001(10)Prod_1(21)0004, (01)070306400001(10)Prod_1(21)0005, (01)070306400002(10)Prod_7(21)0061, (01)070306400002(10)Prod_7(21)0062, (01)070306400002(10)Prod_7(21)0063, (01)070306400002(10)Prod_7(21)0064, (01)070306400002(10)Prod_7(21)0065" alt="Product: (01)070306400001(10)Prod_1(21)0002, (01)070306400001(10)Prod_1(21)0003, (01)070306400001(10)Prod_1(21)0004, (01)070306400001(10)Prod_1(21)0005, (01)070306400002(10)Prod_7(21)0061, (01)070306400002(10)Prod_7(21)0062, (01)070306400002(10)Prod_7(21)0063, (01)070306400002(10)Prod_7(21)0064, (01)070306400002(10)Prod_7(21)0065" title="Product: (01)070306400001(10)Prod_1(21)0002, (01)070306400001(10)Prod_1(21)0003, (01)070306400001(10)Prod_1(21)0004, (01)070306400001(10)Prod_1(21)0005, (01)070306400002(10)Prod_7(21)0061, (01)070306400002(10)Prod_7(21)0062, (01)070306400002(10)Prod_7(21)0063, (01)070306400002(10)Prod_7(21)0064, (01)070306400002(10)Prod_7(21)0065"/> <!-- Area representing a TIX Node --> <AREA shape="rect" id="GAN%5B0800000033000013%5D" coords="369,35,587,361" href="?origin=%2801%29070100000001%2810%29gutfresh_1%2821%290001&focus=GAN%5B0800000033000013%5D&type=batch&key=jwGMFo&nodeId=0800000033000013&imageMapName=tree-imagemap&includeImgTag=true&width=740&height=400" data-node="0800000033000013" data-process="downstream" alt="Fish Producer: Development Fish GAN" title="Fish Producer: Development Fish GAN"/></MAP>Attribute | Description |
|---|---|
shape | poly or rect. Specifies the shape of the clickable area. |
coords | Coordinates of the clickable area. |
id | Urlescaped string representing the object identity. |
href | A reference to the same ImageMap request but with the selected area as the new focus |
alt/title | Mouseover-text. Type if available, and localId. |
data-node | NodeId of the TIX that owns the data represented by this graph element. |
data-localid | Urlescaped localId. For graph elements representing groups, this will be a comma separated list of localIds.
|
data-epc | Same as data-localid but not urlescaped. |
data-process | With values either downstream or upstream, represents the relative position of an item from the origin in the graph perspective |