Commit 9850ba4445cf83d7b8efbf93348ef206420a788f
1 parent
dda3c544
Exists in
master
and in
28 other branches
ActionItem460: adding iepngfix files
git-svn-id: https://svn.colivre.coop.br/svn/noosfero/branches/0.11.x@2504 3f533792-8f58-4932-b0fe-aaf55b0a4547
Showing
2 changed files
with
103 additions
and
0 deletions
Show diff stats
49 Bytes
@@ -0,0 +1,103 @@ | @@ -0,0 +1,103 @@ | ||
1 | +<public:component> | ||
2 | +<public:attach event="onpropertychange" onevent="iePNGFix(0)" /> | ||
3 | + | ||
4 | +<script type="text/javascript"> | ||
5 | + | ||
6 | +// IE5.5+ PNG Alpha Fix v1.0 | ||
7 | +// (c) 2004-2008 Angus Turnbull http://www.twinhelix.com | ||
8 | + | ||
9 | +// This is licensed under the GNU LGPL, version 2.1 or later. | ||
10 | +// For details, see: http://creativecommons.org/licenses/LGPL/2.1/ | ||
11 | + | ||
12 | + | ||
13 | +// This must be a path to a blank image, relative to the HTML document(s). | ||
14 | +// In production use I suggest '/images/blank.gif' or similar. That's all! | ||
15 | +if (typeof blankImg == 'undefined') var blankImg = 'blank.gif'; | ||
16 | + | ||
17 | + | ||
18 | + | ||
19 | +function filt(s, b) | ||
20 | +{ | ||
21 | + var f = 'DXImageTransform.Microsoft.AlphaImageLoader'; | ||
22 | + var sM = (currentStyle.backgroundRepeat == 'no-repeat') ? 'crop' : 'scale'; | ||
23 | + s = (s || '').replace(/\(/g, '%28').replace(/\)/g, '%29'); | ||
24 | + | ||
25 | + if (s && !(/IMG|INPUT/.test(nodeName) && !b) && | ||
26 | + currentStyle.width == 'auto' && currentStyle.height == 'auto') | ||
27 | + { | ||
28 | + style.width = offsetWidth + 'px'; | ||
29 | + style.height = clientHeight + 'px'; | ||
30 | + if (currentStyle.display == 'inline') style.display = 'inline-block'; | ||
31 | + } | ||
32 | + | ||
33 | + if (filters[f]) | ||
34 | + { | ||
35 | + filters[f].enabled = s ? true : false; | ||
36 | + if (s) with (filters[f]) { src = s } | ||
37 | + } | ||
38 | + else if (s) style.filter = 'progid:'+f+'(src="'+s+'",sizingMethod="' + sM + '")'; | ||
39 | +} | ||
40 | + | ||
41 | +function iePNGFix(init) | ||
42 | +{ | ||
43 | + if (!/MSIE (5\.5|6)/.test(navigator.userAgent) || typeof filters == 'unknown') return; | ||
44 | + var evt = init ? { propertyName: 'src,background' } : event; | ||
45 | + var isSrc = /src/.test(evt.propertyName); | ||
46 | + var isBg = /background/.test(evt.propertyName); | ||
47 | + var isClass = !init && | ||
48 | + ((this.className != this._png_class) && (this.className || this._png_class)); | ||
49 | + if (!(isSrc || isBg || isClass)) return; | ||
50 | + this._png_class = this.className; | ||
51 | + var blank = blankImg.match(/([^\/]+)$/)[1]; | ||
52 | + | ||
53 | + // Required for Whatever:hover support - erase any set BG if className changes. | ||
54 | + if (isClass && ((style.backgroundImage.indexOf('url(') == -1) || | ||
55 | + (style.backgroundImage.indexOf(blank) > -1))) | ||
56 | + { | ||
57 | + setTimeout(function() { this.style.backgroundImage = '' }, 0); | ||
58 | + return; | ||
59 | + } | ||
60 | + | ||
61 | + if (isSrc && this.src && /IMG|INPUT/.test(nodeName)) | ||
62 | + { | ||
63 | + if ((/\.png/i).test(src)) | ||
64 | + { | ||
65 | + filt(src, 1); | ||
66 | + src = blankImg; | ||
67 | + } | ||
68 | + else if (src.indexOf(blank) == -1) filt(); | ||
69 | + } | ||
70 | + | ||
71 | + var bgSrc = currentStyle.backgroundImage || style.backgroundImage; | ||
72 | + if ((bgSrc + this.src).indexOf(blank) == -1) | ||
73 | + { | ||
74 | + var bgPNG = bgSrc.match(/^url[("']+(.*\.png[^\)"']*)[\)"']+[^\)]*$/i); | ||
75 | + | ||
76 | + if (bgPNG) | ||
77 | + { | ||
78 | + style.backgroundImage = 'url("' + blankImg + '")'; | ||
79 | + filt(bgPNG[1], 0); | ||
80 | + // Unclickable elements inside PNG backgrounds. | ||
81 | + var tags = ['a', 'input', 'select', 'textarea', 'iframe', 'object'], | ||
82 | + t = tags.length, tFix = []; | ||
83 | + while (t--) | ||
84 | + { | ||
85 | + var elms = all.tags(tags[t]), e = elms.length; | ||
86 | + while (e--) tFix.push(elms[e]); | ||
87 | + } | ||
88 | + var t = tFix.length; | ||
89 | + if (t && (/relative|absolute/i).test(currentStyle.position)) | ||
90 | + alert('IEPNGFix: Children of positioned element are unclickable:\n\n<' + | ||
91 | + nodeName + (id && ' id=' + id) + '>'); | ||
92 | + while (t--) | ||
93 | + if (!(/relative|absolute/i).test(tFix[t].currentStyle.position)) | ||
94 | + tFix[t].style.position = 'relative'; | ||
95 | + } | ||
96 | + else filt(); | ||
97 | + } | ||
98 | +} | ||
99 | + | ||
100 | +iePNGFix(1); | ||
101 | + | ||
102 | +</script> | ||
103 | +</public:component> |