mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-06-21 16:04:06 +00:00
Code Issues Releases Wiki Activity

Better cross browser support for classic closure animation

Browse Source
This commit is contained in:
Jeremy Ruston 2012-06-22 09:26:59 +01:00
parent 7dcbefa9bc
commit d9c916715b
3 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
core/modules/macros/story/views/classic.js
View File

@ -49,7 +49,7 @@ ClassicScroller.prototype.close = function(targetTiddlerNode,sourceEvent) {
wrapperElement.style.height = "0px"; wrapperElement.style.height = "0px";
}); });
// Attach an event handler for th eend of the transition // Attach an event handler for th eend of the transition
wrapperElement.addEventListener("webkitTransitionEnd",function(event) { wrapperElement.addEventListener($tw.browser.transitionEnd,function(event) {
if(wrapperElement.parentNode) { if(wrapperElement.parentNode) {
wrapperElement.parentNode.removeChild(wrapperElement); wrapperElement.parentNode.removeChild(wrapperElement);
} }

10
core/modules/startup.js
View File

@ -19,10 +19,18 @@ exports.startup = function() {
$tw.browser.unHyphenateCss = document.body.style["background-color"] === undefined; $tw.browser.unHyphenateCss = document.body.style["background-color"] === undefined;
$tw.browser.prefix = document.body.style.webkitTransform !== undefined ? "webkit" : $tw.browser.prefix = document.body.style.webkitTransform !== undefined ? "webkit" :
document.body.style.MozTransform !== undefined ? "Moz" : document.body.style.MozTransform !== undefined ? "Moz" :
document.body.style.OTransform !== undefined ? "O" : null; document.body.style.MSTransform !== undefined ? "MS" :
document.body.style.OTransform !== undefined ? "O" : "";
$tw.browser.transition = $tw.browser.prefix + "Transition"; $tw.browser.transition = $tw.browser.prefix + "Transition";
$tw.browser.transform = $tw.browser.prefix + "Transform"; $tw.browser.transform = $tw.browser.prefix + "Transform";
$tw.browser.transformorigin = $tw.browser.prefix + "TransformOrigin"; $tw.browser.transformorigin = $tw.browser.prefix + "TransformOrigin";
$tw.browser.transitionEnd = {
"": "transitionEnd",
"O": "oTransitionEnd",
"MS": "msTransitionEnd",
"Moz": "transitionend",
"webkit": "webkitTransitionEnd"
}[$tw.browser.prefix];
} }
// Set up additional global objects // Set up additional global objects
$tw.plugins.applyMethods("global",$tw); $tw.plugins.applyMethods("global",$tw);

2
tw5.com/tiddlers/Introduction.tid
View File

@ -3,7 +3,7 @@ tags: introduction
TiddlyWiki5 gains new capabilities through a [[completely rebuilt architecture|TiddlyWikiArchitecture]] using the latest features of HTML5 and node.js. It runs natively under node.js, and can also use its own components to construct a version of itself that works entirely within the browser, just as TiddlyWiki has always done. TiddlyWiki5 gains new capabilities through a [[completely rebuilt architecture|TiddlyWikiArchitecture]] using the latest features of HTML5 and node.js. It runs natively under node.js, and can also use its own components to construct a version of itself that works entirely within the browser, just as TiddlyWiki has always done.
You can modify this wiki, and then download a copy by clicking this button: If you're running Google Chrome Canary you can modify this wiki, and then download a copy by clicking this button:
<<download filename:"TiddlyWiki.html" label:"Save Changes">> <<download filename:"TiddlyWiki.html" label:"Save Changes">>
You can download a static copy of the tiddlers that are currently displayed in this wiki by clicking this button: <<download title:"$:/core/static.template.html" filename:"Story.html" label:"Static Wiki">> You can download a static copy of the tiddlers that are currently displayed in this wiki by clicking this button: <<download title:"$:/core/static.template.html" filename:"Story.html" label:"Static Wiki">>