the code is sample but the resut seems not logical at all;
Here the code:

```
function lap_validation(event) {
    if (event.srcElement == document.getElementById("Suivant")) {
        console.log("Suivant fired " + event.srcElement);
        document.getElementById("msg").textContent = " Voulez vous vraiment passer à la lettre  suivante ?";
        console.log(document.getElementById("msg").textContent);
        var buyButton = document.getElementById("test");
        document.getElementById("confirmFlyout").winControl.show(buyButton);
        document.getElementById("no").addEventListener("click", function () {
                document.getElementById("confirmFlyout").winControl.hide();
                console.log("hide");

        }, false);
        document.getElementById("ok").addEventListener("click", function () {
            //next();
            //document.getElementById("confirmFlyout").winControl.hide();
            console.log("click on ok from flyout");
        }, false);

    }
}

```

When I click th button "Suivant", a flyout will appear when i click ok button for the first time i have this output:

```
Suivant fired [object HTMLButtonElement]
Voulez vous vraiment passer à la lettre  suivante ?
click on ok from flyout

```

when i click the second time :

```
Suivant fired [object HTMLButtonElement]
Voulez vous vraiment passer à la lettre  suivante ?
click on ok from flyout
click on ok from flyout

```

the third:

```
Suivant fired [object HTMLButtonElement]
 Voulez vous vraiment passer à la lettre  suivante ?
click on ok from flyout
click on ok from flyout
click on ok from flyout

```

I don't understand why it repeat the instruction of the Flyout's button(the same when i click "no" button ).

Any help will be appreciated