1

// widget_button.ysl2

     2

     3

template "widget[@type='Button']", mode="widget_defs" {

     4

    param "hmi_element";

     5

    optional_labels("active inactive");

     6

    | frequency: 5,

     7

    | on_mouse_down: function(evt) {

     8

    |     if (this.active_style && this.inactive_style) {

     9

    |         this.active_elt.setAttribute("style", this.active_style);

    10

    |         this.inactive_elt.setAttribute("style", "display:none");

    11

    |     }

    12

    |     this.apply_hmi_value(0, 1);

    13

    | },

    14

    | on_mouse_up: function(evt) {

    15

    |     if (this.active_style && this.inactive_style) {

    16

    |         this.active_elt.setAttribute("style", "display:none");

    17

    |         this.inactive_elt.setAttribute("style", this.inactive_style);

    18

    |     }

    19

    |     this.apply_hmi_value(0, 0);

    20

    | },

    21

    | active_style: undefined,

    22

    | inactive_style: undefined,

    23

    | init: function() {

    24

    |   this.active_style = this.active_elt ? this.active_elt.style.cssText : undefined;

    25

    |   this.inactive_style = this.inactive_elt ? this.inactive_elt.style.cssText : undefined;

    26

    |   if (this.active_style && this.inactive_style) {

    27

    |       this.active_elt.setAttribute("style", "display:none");

    28

    |       this.inactive_elt.setAttribute("style", this.inactive_style);

    29

    |   }

    30

    |   this.element.setAttribute("onmousedown", "hmi_widgets['«$hmi_element/@id»'].on_mouse_down(evt)");

    31

    |   this.element.setAttribute("onmouseup", "hmi_widgets['«$hmi_element/@id»'].on_mouse_up(evt)");

    32

    | },

    33

}