1 // @name The Fade Anything Technique
\r
2 // @namespace http://www.axentric.com/aside/fat/
\r
4 // @author Adam Michela
\r
7 make_hex : function (r,g,b)
\r
9 r = r.toString(16); if (r.length == 1) r = '0' + r;
\r
10 g = g.toString(16); if (g.length == 1) g = '0' + g;
\r
11 b = b.toString(16); if (b.length == 1) b = '0' + b;
\r
12 return "#" + r + g + b;
\r
14 fade_all : function ()
\r
16 var a = document.getElementsByTagName("*");
\r
17 for (var i = 0; i < a.length; i++)
\r
20 var r = /fade-?(\w{3,6})?/.exec(o.className);
\r
23 if (!r[1]) r[1] = "";
\r
24 if (o.id) Fat.fade_element(o.id,null,null,"#"+r[1]);
\r
28 fade_element : function (id, fps, duration, from, to)
\r
31 if (!duration) duration = 3000;
\r
32 if (!from || from=="#") from = "#FFFF33";
\r
33 if (!to) to = this.get_bgcolor(id);
\r
35 var frames = Math.round(fps * (duration / 1000));
\r
36 var interval = duration / frames;
\r
37 var delay = interval;
\r
40 if (from.length < 7) from += from.substr(1,3);
\r
41 if (to.length < 7) to += to.substr(1,3);
\r
43 var rf = parseInt(from.substr(1,2),16);
\r
44 var gf = parseInt(from.substr(3,2),16);
\r
45 var bf = parseInt(from.substr(5,2),16);
\r
46 var rt = parseInt(to.substr(1,2),16);
\r
47 var gt = parseInt(to.substr(3,2),16);
\r
48 var bt = parseInt(to.substr(5,2),16);
\r
51 while (frame < frames)
\r
53 r = Math.floor(rf * ((frames-frame)/frames) + rt * (frame/frames));
\r
54 g = Math.floor(gf * ((frames-frame)/frames) + gt * (frame/frames));
\r
55 b = Math.floor(bf * ((frames-frame)/frames) + bt * (frame/frames));
\r
56 h = this.make_hex(r,g,b);
\r
58 setTimeout("Fat.set_bgcolor('"+id+"','"+h+"')", delay);
\r
61 delay = interval * frame;
\r
63 setTimeout("Fat.set_bgcolor('"+id+"','"+to+"')", delay);
\r
65 set_bgcolor : function (id, c)
\r
67 var o = document.getElementById(id);
\r
68 o.style.backgroundColor = c;
\r
70 get_bgcolor : function (id)
\r
72 var o = document.getElementById(id);
\r
76 if (window.getComputedStyle) c = window.getComputedStyle(o,null).getPropertyValue("background-color");
\r
77 if (o.currentStyle) c = o.currentStyle.backgroundColor;
\r
78 if ((c != "" && c != "transparent") || o.tagName == "BODY") { break; }
\r
81 if (c == undefined || c == "" || c == "transparent") c = "#FFFFFF";
\r
82 var rgb = c.match(/rgb\s*\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/);
\r
83 if (rgb) c = this.make_hex(parseInt(rgb[1]),parseInt(rgb[2]),parseInt(rgb[3]));
\r
88 window.onload = function ()
\r