Using events is unclear

[dreadpiratebrown]

I don't understand how to use the start and stop events with this plugin. I am trying to create a button that only shows while the Chardin overlay is active. On the "stop" event, I want to hide it. How do I do this?

---

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

[rhyous]

I agree. It seems we should be able to do this:

var onStop = function() {
// do something when chardin stops.
}
.chardinJs('start', onStop)

However, I can't a way to do something on stop either.

[rhyous]

Looks like you can use jquery events:

$("body").on('chardinJs:start', function(){
  // on start
})

// 'chardinJs:stop'
$("body").on('chardinJs:stop', function(){
  // on stop
})

Also, here is a binding handler for knockout.js

ko.bindingHandlers.helpStop = {
    init: function (element, valueAccessor) {
        ko.utils.registerEventHandler("body", "chardinJs:stop", function () {
            valueAccessor().call();
        });
    }
};

ko.bindingHandlers.helpStart = {
    init: function (element, valueAccessor) {
        ko.utils.registerEventHandler("body", "chardinJs:start", function () {
            valueAccessor().call();
        });
    }
};

[patrickfitz]

Hi, what is the easiest way to get the element name when the "next" event it fired? I'd like to get access to this to perform things such as making hidden dom elements visible as the help items require...