Posted By

maceblue on 07/30/12

Tagged

Versions (?)

Last Edited at 07/30/12 05:08pm

Statistics

Viewed 349 times

Favorited by 0 user(s)

Related snippets

message fade-in/out

/ Published in: JavaScript

shows a messagebox (better alert) with fade effekt

Highlighted TextExpand

function fade(direction, elem, time) {
	if (typeof elem == 'undefined') return;
	(function go() {
		if(direction == 'in') {
			elem.style.opacity = parseFloat(elem.style.opacity)+0.1/time*1000;
			elem.style.MozOpacity = parseFloat(elem.style.opacity)+0.1/time*1000;
			elem.style.KhtmlOpacity = parseFloat(elem.style.opacity)+0.1/time*1000;
			// for IE
			elem.style.filter = 'alpha(opacity=' + elem.style.opacity * 100 + ')';

if( elem.style.opacity < 1 ) {
				setTimeout( go, 100 );
			} else return;
		} else {
			elem.style.opacity = parseFloat(elem.style.opacity)-0.1/time*1000;
			elem.style.MozOpacity = parseFloat(elem.style.opacity)-0.1/time*1000;
			elem.style.KhtmlOpacity = parseFloat(elem.style.opacity)-0.1/time*1000;
			// for IE
			elem.style.filter = 'alpha(opacity=' + elem.style.opacity * 100 + ')';

if( elem.style.opacity > 0 ) {
				setTimeout( go, 100 );
			} else return;
		}
	})();
}

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.