Ignore one event

[Robinho]

So my code is the following, it is based on a xaml file with a canvas and a couple of borders in it:

var defaultPage = null;
var aantalKliks;
var correcteBorders;
var incorrecteBorders;
var geenAntwBorders;

function onLoaded() {
defaultPage = document.getElementById(‘DefaultPage’);
alert(‘In onloaded van Default.xaml.’);
aantalKliks = 0;
aantalBorderKliks = 0;

correcteBorders = new Array();
for (var i = 0; i < 3; i++) {
    correcteBorders[i] = defaultPage.content.findName('CorrecteBorder' + i);
}
incorrecteBorders = new Array();
for (var i = 0; i < 3; i++) {
    incorrecteBorders[i] = defaultPage.content.findName('IncorrecteBorder' + i);
}
geenAntwBorders = new Array();
for (var i = 0; i < 3; i++) {
    geenAntwBorders[i] = defaultPage.content.findName('GeenAntwBorder' + i);
}

}

function OnCanvasClicked() {
if (aantalKliks == 2) {
aantalKliks = 0;
}
if (aantalKliks == 0) {
for (var i = 0; i < correcteBorders.length; i++) {
correcteBorders[i].Visibility = ‘Visible’;
}

        for (var i = 0; i < incorrecteBorders.length; i++) {
            incorrecteBorders[i].Visibility = 'Visible';
        }

        for (var i = 0; i < geenAntwBorders.length; i++) {
            geenAntwBorders[i].Visibility = 'Visible';
        }

    } else if (aantalKliks == 1) {
        for (var i = 0; i < correcteBorders.length; i++) {
            correcteBorders[i].Visibility = 'Collapsed';
        }

        for (var i = 0; i < incorrecteBorders.length; i++) {
            incorrecteBorders[i].Visibility = 'Collapsed';
        }

        for (var i = 0; i < geenAntwBorders.length; i++) {
            geenAntwBorders[i].Visibility = 'Collapsed';
        }
    aantalKliks++;
}



function borderClicked(sender) {
    
    for (var i = 0; i < correcteBorders.length; i++) {
        correcteBorders[i].Visibility = 'Collapsed';
    }

    for (var i = 0; i < incorrecteBorders.length; i++) {
        incorrecteBorders[i].Visibility = 'Collapsed';
    }

    for (var i = 0; i < geenAntwBorders.length; i++) {
        geenAntwBorders[i].Visibility = 'Collapsed';
    }
    sender['Visibility'] = 'Visible';
}

The function OnCanvasClicked is triggered when I click anywhere in the canvas and makes all borders disappear/reappear. The function borderClicked is triggered when I click a specific border. The function borderClicked does trigger when I click a specific border, however the OnCanvasClicked function also gets executed right after, which causes an unwanted result. Anyone who could help me out with this? I think I need some way to ignore the OnCanvasClicked function if I click on a border.