mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-11-09 11:29:58 +00:00
116 lines
2.6 KiB
JavaScript
116 lines
2.6 KiB
JavaScript
/*\
|
|
title: $:/core/modules/utils/dom.js
|
|
type: application/javascript
|
|
module-type: utils
|
|
|
|
Various static DOM-related utility functions.
|
|
|
|
\*/
|
|
(function(){
|
|
|
|
/*jslint node: true, browser: true */
|
|
/*global $tw: false */
|
|
"use strict";
|
|
|
|
/*
|
|
Determines whether element 'a' contains element 'b'
|
|
Code thanks to John Resig, http://ejohn.org/blog/comparing-document-position/
|
|
*/
|
|
exports.domContains = function(a,b) {
|
|
return a.contains ?
|
|
a != b && a.contains(b) :
|
|
!!(a.compareDocumentPosition(b) & 16);
|
|
};
|
|
|
|
exports.hasClass = function(el,className) {
|
|
return el.className.split(" ").indexOf(className) !== -1;
|
|
};
|
|
|
|
exports.addClass = function(el,className) {
|
|
var c = el.className.split(" ");
|
|
if(c.indexOf(className) === -1) {
|
|
c.push(className);
|
|
}
|
|
el.className = c.join(" ");
|
|
};
|
|
|
|
exports.removeClass = function(el,className) {
|
|
var c = el.className.split(" "),
|
|
p = c.indexOf(className);
|
|
if(p !== -1) {
|
|
c.splice(p,1);
|
|
el.className = c.join(" ");
|
|
}
|
|
};
|
|
|
|
exports.toggleClass = function(el,className,status) {
|
|
if(status === undefined) {
|
|
status = !exports.hasClass(el,className);
|
|
}
|
|
if(status) {
|
|
exports.addClass(el,className);
|
|
} else {
|
|
exports.removeClass(el,className);
|
|
}
|
|
};
|
|
|
|
exports.applyStyleSheet = function(id,css) {
|
|
var el = document.getElementById(id);
|
|
if(document.createStyleSheet) { // Older versions of IE
|
|
if(el) {
|
|
el.parentNode.removeChild(el);
|
|
}
|
|
document.getElementsByTagName("head")[0].insertAdjacentHTML("beforeEnd",
|
|
' <style id="' + id + '" type="text/css">' + css + '</style>'); // fails without
|
|
} else { // Modern browsers
|
|
if(el) {
|
|
el.replaceChild(document.createTextNode(css), el.firstChild);
|
|
} else {
|
|
el = document.createElement("style");
|
|
el.type = "text/css";
|
|
el.id = id;
|
|
el.appendChild(document.createTextNode(css));
|
|
document.getElementsByTagName("head")[0].appendChild(el);
|
|
}
|
|
}
|
|
};
|
|
|
|
/*
|
|
Get the scroll position of the viewport
|
|
Returns:
|
|
{
|
|
x: horizontal scroll position in pixels,
|
|
y: vertical scroll position in pixels
|
|
}
|
|
*/
|
|
exports.getScrollPosition = function() {
|
|
if("scrollX" in window) {
|
|
return {x: window.scrollX, y: window.scrollY};
|
|
} else {
|
|
return {x: document.documentElement.scrollLeft, y: document.documentElement.scrollTop};
|
|
}
|
|
};
|
|
|
|
/*
|
|
Saves a named password in the browser
|
|
*/
|
|
exports.savePassword = function(name,password) {
|
|
localStorage.setItem("tw5-password-" + name,password);
|
|
};
|
|
|
|
/*
|
|
Retrieve a named password from the browser
|
|
*/
|
|
exports.getPassword = function(name) {
|
|
return localStorage.getItem("tw5-password-" + name);
|
|
};
|
|
|
|
/*
|
|
Force layout of a dom node and its descendents
|
|
*/
|
|
exports.forceLayout = function(element) {
|
|
var dummy = element.offsetWidth;
|
|
};
|
|
|
|
})();
|