123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161 |
- var hasClass = function(elem, className) {
- return new RegExp(' ' + className + ' ').test(' ' + elem.className + ' ');
- };
- var addClass = function(elem, className) {
- if (!hasClass(elem, className)) {
- elem.className += ' ' + className;
- }
- };
- var removeClass = function(elem, className) {
- var newClass = ' ' + elem.className.replace(/[\t\r\n]/g, ' ') + ' ';
- if (hasClass(elem, className)) {
- while (newClass.indexOf(' ' + className + ' ') >= 0) {
- newClass = newClass.replace(' ' + className + ' ', ' ');
- }
- elem.className = newClass.replace(/^\s+|\s+$/g, '');
- }
- };
- var escapeHtml = function(str) {
- var div = document.createElement('div');
- div.appendChild(document.createTextNode(str));
- return div.innerHTML;
- };
- var _show = function(elem) {
- elem.style.opacity = '';
- elem.style.display = 'block';
- };
- var show = function(elems) {
- if (elems && !elems.length) {
- return _show(elems);
- }
- for (var i = 0; i < elems.length; ++i) {
- _show(elems[i]);
- }
- };
- var _hide = function(elem) {
- elem.style.opacity = '';
- elem.style.display = 'none';
- };
- var hide = function(elems) {
- if (elems && !elems.length) {
- return _hide(elems);
- }
- for (var i = 0; i < elems.length; ++i) {
- _hide(elems[i]);
- }
- };
- var isDescendant = function(parent, child) {
- var node = child.parentNode;
- while (node !== null) {
- if (node === parent) {
- return true;
- }
- node = node.parentNode;
- }
- return false;
- };
- var getTopMargin = function(elem) {
- elem.style.left = '-9999px';
- elem.style.display = 'block';
- var height = elem.clientHeight,
- padding;
- if (typeof getComputedStyle !== "undefined") { // IE 8
- padding = parseInt(getComputedStyle(elem).getPropertyValue('padding-top'), 10);
- } else {
- padding = parseInt(elem.currentStyle.padding);
- }
- elem.style.left = '';
- elem.style.display = 'none';
- return ('-' + parseInt((height + padding) / 2) + 'px');
- };
- var fadeIn = function(elem, interval) {
- if (+elem.style.opacity < 1) {
- interval = interval || 16;
- elem.style.opacity = 0;
- elem.style.display = 'block';
- var last = +new Date();
- var tick = function() {
- elem.style.opacity = +elem.style.opacity + (new Date() - last) / 100;
- last = +new Date();
- if (+elem.style.opacity < 1) {
- setTimeout(tick, interval);
- }
- };
- tick();
- }
- elem.style.display = 'block'; //fallback IE8
- };
- var fadeOut = function(elem, interval) {
- interval = interval || 16;
- elem.style.opacity = 1;
- var last = +new Date();
- var tick = function() {
- elem.style.opacity = +elem.style.opacity - (new Date() - last) / 100;
- last = +new Date();
- if (+elem.style.opacity > 0) {
- setTimeout(tick, interval);
- } else {
- elem.style.display = 'none';
- }
- };
- tick();
- };
- var fireClick = function(node) {
- // Taken from http://www.nonobtrusive.com/2011/11/29/programatically-fire-crossbrowser-click-event-with-javascript/
- // Then fixed for today's Chrome browser.
- if (typeof MouseEvent === 'function') {
- // Up-to-date approach
- var mevt = new MouseEvent('click', {
- view: window,
- bubbles: false,
- cancelable: true
- });
- node.dispatchEvent(mevt);
- } else if ( document.createEvent ) {
- // Fallback
- var evt = document.createEvent('MouseEvents');
- evt.initEvent('click', false, false);
- node.dispatchEvent(evt);
- } else if (document.createEventObject) {
- node.fireEvent('onclick') ;
- } else if (typeof node.onclick === 'function' ) {
- node.onclick();
- }
- };
- var stopEventPropagation = function(e) {
- // In particular, make sure the space bar doesn't scroll the main window.
- if (typeof e.stopPropagation === 'function') {
- e.stopPropagation();
- e.preventDefault();
- } else if (window.event && window.event.hasOwnProperty('cancelBubble')) {
- window.event.cancelBubble = true;
- }
- };
- export {
- hasClass, addClass, removeClass,
- escapeHtml,
- _show, show, _hide, hide,
- isDescendant,
- getTopMargin,
- fadeIn, fadeOut,
- fireClick,
- stopEventPropagation
- };
|