lowercase event names to keep DOM events convention, with backbone-style impress: namespace - in courtesy of @medikoo
This commit is contained in:
@@ -29,10 +29,10 @@ VERSION HISTORY
|
|||||||
|
|
||||||
* API changed, so that `impress()` function no longer automatically initialize presentation; new method called `init`
|
* API changed, so that `impress()` function no longer automatically initialize presentation; new method called `init`
|
||||||
was added to API and it should be used to start the presentation
|
was added to API and it should be used to start the presentation
|
||||||
* event `impress-init` is triggered on root presentation element (`#impress` by default) when presentation is initialized
|
* event `impress:init` is triggered on root presentation element (`#impress` by default) when presentation is initialized
|
||||||
* new CSS classes were added: `impress-disabled` is added to body element by the impress.js script and it's changed to
|
* new CSS classes were added: `impress-disabled` is added to body element by the impress.js script and it's changed to
|
||||||
`impress-enabled` when `init()` function is called
|
`impress-enabled` when `init()` function is called
|
||||||
* events added when step is entered and left - custom `impress-step-enter` and `impress-step-leave` events are triggered
|
* events added when step is entered and left - custom `impress:stepenter` and `impress:stepleave` events are triggered
|
||||||
on step elements and can be handled like any other DOM events (with `addEventListener`)
|
on step elements and can be handled like any other DOM events (with `addEventListener`)
|
||||||
* additional `past`, `present` and `future` classes are added to step elements
|
* additional `past`, `present` and `future` classes are added to step elements
|
||||||
- `future` class appears on steps that were not yet visited
|
- `future` class appears on steps that were not yet visited
|
||||||
|
|||||||
@@ -226,14 +226,14 @@
|
|||||||
var lastEntered = null;
|
var lastEntered = null;
|
||||||
var onStepEnter = function (step) {
|
var onStepEnter = function (step) {
|
||||||
if (lastEntered !== step) {
|
if (lastEntered !== step) {
|
||||||
triggerEvent(step, "impress-step-enter");
|
triggerEvent(step, "impress:stepenter");
|
||||||
lastEntered = step;
|
lastEntered = step;
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
var onStepLeave = function (step) {
|
var onStepLeave = function (step) {
|
||||||
if (lastEntered === step) {
|
if (lastEntered === step) {
|
||||||
triggerEvent(step, "impress-step-leave");
|
triggerEvent(step, "impress:stepleave");
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -353,7 +353,7 @@
|
|||||||
|
|
||||||
initialized = true;
|
initialized = true;
|
||||||
|
|
||||||
triggerEvent(root, "impress-init", { api: roots[ "impress-root-" + rootId ] });
|
triggerEvent(root, "impress:init", { api: roots[ "impress-root-" + rootId ] });
|
||||||
};
|
};
|
||||||
|
|
||||||
var getStep = function ( step ) {
|
var getStep = function ( step ) {
|
||||||
@@ -462,26 +462,26 @@
|
|||||||
return goto(next);
|
return goto(next);
|
||||||
};
|
};
|
||||||
|
|
||||||
root.addEventListener("impress-init", function(){
|
root.addEventListener("impress:init", function(){
|
||||||
// STEP CLASSES
|
// STEP CLASSES
|
||||||
steps.forEach(function (step) {
|
steps.forEach(function (step) {
|
||||||
step.classList.add("future");
|
step.classList.add("future");
|
||||||
});
|
});
|
||||||
|
|
||||||
root.addEventListener("impress-step-enter", function (event) {
|
root.addEventListener("impress:stepenter", function (event) {
|
||||||
event.target.classList.remove("past");
|
event.target.classList.remove("past");
|
||||||
event.target.classList.remove("future");
|
event.target.classList.remove("future");
|
||||||
event.target.classList.add("present");
|
event.target.classList.add("present");
|
||||||
}, false);
|
}, false);
|
||||||
|
|
||||||
root.addEventListener("impress-step-leave", function (event) {
|
root.addEventListener("impress:stepleave", function (event) {
|
||||||
event.target.classList.remove("present");
|
event.target.classList.remove("present");
|
||||||
event.target.classList.add("past");
|
event.target.classList.add("past");
|
||||||
}, false);
|
}, false);
|
||||||
|
|
||||||
}, false);
|
}, false);
|
||||||
|
|
||||||
root.addEventListener("impress-init", function(){
|
root.addEventListener("impress:init", function(){
|
||||||
// HASH CHANGE
|
// HASH CHANGE
|
||||||
|
|
||||||
var lastHash = "";
|
var lastHash = "";
|
||||||
@@ -492,7 +492,7 @@
|
|||||||
// and it has to be set after animation finishes, because in Chrome it
|
// and it has to be set after animation finishes, because in Chrome it
|
||||||
// causes transtion being laggy
|
// causes transtion being laggy
|
||||||
// BUG: http://code.google.com/p/chromium/issues/detail?id=62820
|
// BUG: http://code.google.com/p/chromium/issues/detail?id=62820
|
||||||
root.addEventListener("impress-step-enter", function (event) {
|
root.addEventListener("impress:stepenter", function (event) {
|
||||||
window.location.hash = lastHash = "#/" + event.target.id;
|
window.location.hash = lastHash = "#/" + event.target.id;
|
||||||
}, false);
|
}, false);
|
||||||
|
|
||||||
@@ -541,7 +541,7 @@
|
|||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|
||||||
document.addEventListener("impress-init", function (event) {
|
document.addEventListener("impress:init", function (event) {
|
||||||
var api = event.detail.api;
|
var api = event.detail.api;
|
||||||
|
|
||||||
// keyboard navigation handlers
|
// keyboard navigation handlers
|
||||||
|
|||||||
Reference in New Issue
Block a user