[Sommaire] [Imprimer]

   1  <public:component lightWeight="true">
   2  <public:attach event="onpropertychange" onevent="propertyChanged()" />
   3  <script>
   4  
   5  /*
   6   * PNG Behavior
   7   *
   8   * This script was created by Erik Arvidsson (erik(at)eae.net)
   9   * for WebFX (http://webfx.eae.net)
  10   * Copyright 2002
  11   *
  12   * For usage see license at http://webfx.eae.net/license.html
  13   *
  14   * Version: 1.01
  15   * Created: 2001-??-??    First working version
  16   * Updated: 2002-03-28    Fixed issue when starting with a non png image and
  17   *                      switching between non png images
  18   *          2003-01-06    Fixed RegExp to correctly work with IE 5.0x
  19   *
  20   */
  21  
  22  var supported = /MSIE ((5\.5)|[6789])/.test(navigator.userAgent) &&
  23                  navigator.platform == "Win32";
  24  
  25  var realSrc;
  26  var blankSrc = "imgs/transparent.1x1.gif";
  27  
  28  window.alert("hello!");
  29  
  30  if (supported) fixImage();
  31  
  32  function propertyChanged() {
  33      if (!supported) return;
  34  
  35      var pName = event.propertyName;
  36      if (pName != "src") return;
  37      // if not set to blank
  38      if (!new RegExp(blankSrc).test(src))
  39          fixImage();
  40  };
  41  
  42  function fixImage() {
  43      // get src
  44      var src = element.src;
  45  
  46      // check for real change
  47      if (src == realSrc && /\.png$/i.test(src)) {
  48          element.src = blankSrc;
  49          return;
  50      }
  51  
  52      if ( ! new RegExp(blankSrc).test(src)) {
  53          // backup old src
  54          realSrc = src;
  55      }
  56  
  57      // test for png
  58      if (/\.png$/i.test(realSrc)) {
  59          // set blank image
  60          element.src = blankSrc;
  61          // set filter
  62          element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft." +
  63                      "AlphaImageLoader(src='" + src + "',sizingMethod='scale')";
  64      }
  65      else {
  66          // remove filter
  67          element.runtimeStyle.filter = "";
  68      }
  69  }
  70  
  71  </script>
  72  </public:component>