Пара полезных, кроссбраузерных функций

Решил собрать функции с которыми разработчики встречаются часто.

1. Обработка события DOMContentLoaded (полная загрузка html кода) что бы func не вызывался два раза, нужно поставить проверку на выполнение этой функции

function DOMOnload(func) {
    var doc = document;
    if(doc.addEventListener) {
	        doc.addEventListener('DOMContentLoaded', func, false);	
	}
	else if(doc.attachEvent) {
	    if(doc.documentElement.doScroll && window == window.top) {
		    (function() {
		        try {
			        doc.documentElement.doScroll('left');
				    func();
			    }
			    catch(e) {
			        setTimeout(arguments.callee, 10);
			    }
			})()
		}
	}
        
	if(window.attachEvent) {
	    window.attachEvent('onload', func);	
	}
	else if(window.addEventListener) {
	    window.addEventListener('load', func, false);
	}
} // в функции func добавьте проверку, что бы она вызвалась только 1 раз

2. Получение прозрачности getOpacity

function getOpacity(obj) {
    var result = window.getComputedStyle ? window.getComputedStyle(obj, null).opacity : null; 
	if(!+"\v1")   //самое короткое определение ie		
		result = obj.filters.alpha ? (obj.filters.alpha.opacity / 100) : 1; 		
	
	return result;
}

3. Установка прозрачности setOpacity

function setOpacity(obj, val) {
    if(!+"\v1") {
	    typeof obj.filters.alpha != 'undefined'
	        ? obj.filters.alpha.opacity = val * 100
		    : obj.style.filter = 'alpha(opacity=' + val * 100 + ');';
	}
		
	obj.style.opacity = val;
}

4. Добавление события addEvent

function addEvent(obj, type, func) {
    if(obj.addEventListener) {
        obj.addEventListener(type, func, false);	
    }
    else if(obj.attachEvent) {
        var f = function(e) {
            func.call(obj, e); 
        }
        obj.attachEvent('on' + type, f); // obj.attachEvent('on' + type, func); не правильно передаст объект this
    }	
}

5. Получение координат мыши getMousePos

function getMousePos(e) {
    var mouseX = mouseY = 0;
    var e = e || window.event;
    var html = document.documentElement;
    var bady = document.body;
		
    if(document.attachEvent) {
        mouseX = e.clientX + (html.scrollLeft ? html.scrollLeft : bady.scrollLeft);
	    mouseY = e.clientY + (html.scrollTop  ? html.scrollTop  : bady.scrollTop);			
    }
    else if(document.addEventListener) {
	    mouseX = e.clientX + window.scrollX;
	    mouseY = e.clientY + window.scrollY;
    }
	return {x : mouseX, y : mouseY}
}

6. Получение места расположения объекта getObjPos

function getObjPos(elem) {  
    var box = elem.getBoundingClientRect()  
    
    var body = document.body  
    var docElem = document.documentElement  
    
    var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop  
    var scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft  
    
    var clientTop = docElem.clientTop || body.clientTop || 0  
    var clientLeft = docElem.clientLeft || body.clientLeft || 0  
    
    var top  = Math.round(box.top +  scrollTop - clientTop);
    var left = Math.round(box.left + scrollLeft - clientLeft);  
	
	return {x : left, y : top}
}

Автор: ixth, дата: 4 октября, 2010 - 19:16

Форум

Справочник

Discord чат

Курсы javascript

Пара полезных, кроссбраузерных функций

Учебник javascript

Основные элементы языка

Сундучок с инструментами

Интерфейсы

Все об AJAX

Оптимизация

Разное