Commit 9850ba4445cf83d7b8efbf93348ef206420a788f
1 parent
dda3c544
Exists in
master
and in
29 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 @@ |
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> | ... | ... |