JAVASCRIPT   13

iepngfix js

Guest on 28th June 2022 04:32:50 AM

  1. /*
  2.  
  3.  * IE PNG Fix v1.4
  4.  
  5.  *
  6.  
  7.  * Copyright (c) Takashi Aida
  8.  
  9.  *
  10.  
  11.  */
  12.  
  13.  
  14.  
  15. // IE5.5+ PNG Alpha Fix v1.0RC4
  16.  
  17. // (c) Angus Turnbull
  18.  
  19.  
  20.  
  21. // This is licensed under the CC-GNU LGPL, version 2.1 or later.
  22.  
  23. // For details, see: http://creativecommons.org/licenses/LGPL/2.1/
  24.  
  25.  
  26.  
  27. if (typeof IEPNGFIX == 'undefined') {
  28.  
  29. //--============================================================================
  30.  
  31.  
  32.  
  33. var IEPNGFIX = {
  34.  
  35.         blank:  'http://www.isella.com/aod2/images/blank.gif',
  36.  
  37.         filter: 'DXImageTransform.Microsoft.AlphaImageLoader',
  38.  
  39.  
  40.  
  41.         fixit: function (elem, src, method) {
  42.  
  43.                 if (elem.filters[this.filter]) {
  44.  
  45.                         var filter = elem.filters[this.filter];
  46.  
  47.                         filter.enabled = true;
  48.  
  49.                         filter.src = src;
  50.  
  51.                         filter.sizingMethod = method;
  52.  
  53.                 }
  54.  
  55.                 else {
  56.  
  57.                         elem.style.filter = 'progid:' + this.filter +
  58.  
  59.                                 '(src="' + src + '",sizingMethod="' + method + '")';
  60.  
  61.                 }
  62.  
  63.         },
  64.  
  65.  
  66.  
  67.         fixwidth: function(elem) {
  68.  
  69.                 if (elem.currentStyle.width == 'auto' &&
  70.  
  71.                         elem.currentStyle.height == 'auto') {
  72.  
  73.                         elem.style.width = elem.offsetWidth + 'px';
  74.  
  75.                 }
  76.  
  77.         },
  78.  
  79.  
  80.  
  81.         fixchild: function(elem, recursive) {
  82.  
  83.                 if (!/MSIE (5\.5|6\.|7\.)/.test(navigator.userAgent)) return;
  84.  
  85.  
  86.  
  87.                 for (var i = 0, n = elem.childNodes.length; i < n; i++) {
  88.  
  89.                         var childNode = elem.childNodes[i];
  90.  
  91.                         if (childNode.style) {
  92.  
  93.                                 if (childNode.style.position) {
  94.  
  95.                                         childNode.style.position = childNode.style.position;
  96.  
  97.                                 }
  98.  
  99.                                 else {
  100.  
  101.                                         childNode.style.position = 'relative';
  102.  
  103.                                 }
  104.  
  105.                         }
  106.  
  107.                         if (recursive && childNode.hasChildNodes()) {
  108.  
  109.                                 this.fixchild(childNode, recursive);
  110.  
  111.                         }
  112.  
  113.                 }
  114.  
  115.         },
  116.  
  117.  
  118.  
  119.         fix: function(elem) {
  120.  
  121.                 if (!/MSIE (5\.5|6\.|7\.)/.test(navigator.userAgent)) return;
  122.  
  123.  
  124.  
  125.                 var bgImg =
  126.  
  127.                         elem.currentStyle.backgroundImage || elem.style.backgroundImage;
  128.  
  129.  
  130.  
  131.                 if (elem.tagName == 'IMG') {
  132.  
  133.                         if ((/\.png$/i).test(elem.src)) {
  134.  
  135.                                 this.fixwidth(elem);
  136.  
  137.                                 this.fixit(elem, elem.src, 'scale');
  138.  
  139.                                 elem.src = this.blank;
  140.  
  141.                                 elem.runtimeStyle.behavior = 'none';
  142.  
  143.                         }
  144.  
  145.                 }
  146.  
  147.                 else if (bgImg && bgImg != 'none') {
  148.  
  149.                         if (bgImg.match(/^url[("']+(.*\.png)[)"']+$/i)) {
  150.  
  151.                                 var s = RegExp.$1;
  152.  
  153.                                 this.fixwidth(elem);
  154.  
  155.                                 elem.style.backgroundImage = 'none';
  156.  
  157.                                 this.fixit(elem, s, 'scale'); // crop | image | scale
  158.  
  159.  
  160.  
  161.                                 if (elem.tagName == 'A' && elem.style) {
  162.  
  163.                                         if (!elem.style.cursor) {
  164.  
  165.                                                 elem.style.cursor = 'pointer';
  166.  
  167.                                         }
  168.  
  169.                                 }
  170.  
  171.  
  172.  
  173.                                 this.fixchild(elem);
  174.  
  175.                                 elem.runtimeStyle.behavior = 'none';
  176.  
  177.                         }
  178.  
  179.                 }
  180.  
  181.         },
  182.  
  183.  
  184.  
  185.         hover: function(elem, hvImg) {
  186.  
  187.                 var bgImg = elem.style.backgroundImage;
  188.  
  189.  
  190.  
  191.                 if (!bgImg && elem.currentStyle) bgImg = elem.currentStyle.backgroundImage;
  192.  
  193.  
  194.  
  195.                 if (elem.tagName == 'IMG' && hvImg) {
  196.  
  197.                         var image = elem.src;
  198.  
  199.                         elem.onmouseover = function() {
  200.  
  201.                                 elem.src = hvImg;
  202.  
  203.                                 IEPNGFIX.fix(elem);
  204.  
  205.                         };
  206.  
  207.                         elem.onmouseout = function() {
  208.  
  209.                                 elem.src = image;
  210.  
  211.                                 IEPNGFIX.fix(elem);
  212.  
  213.                         };
  214.  
  215.                 }
  216.  
  217.                 else if (bgImg && bgImg != 'none' && hvImg) {
  218.  
  219.                         elem.onmouseover = function() {
  220.  
  221.                                 elem.style.backgroundImage = 'url(' + hvImg + ')';
  222.  
  223.                                 IEPNGFIX.fix(elem);
  224.  
  225.                         };
  226.  
  227.                         elem.onmouseout = function() {
  228.  
  229.                                 elem.style.backgroundImage = bgImg;
  230.  
  231.                                 IEPNGFIX.fix(elem);
  232.  
  233.                         };
  234.  
  235.                 }
  236.  
  237.  
  238.  
  239.                 IEPNGFIX.fix(elem);
  240.  
  241.         }
  242.  
  243. };
  244.  
  245.  
  246.  
  247. //--============================================================================
  248.  
  249. } // end if (typeof IEPNGFIX == 'undefined')

Raw Paste


Login or Register to edit or fork this paste. It's free.