skins/common/IEFixes.js

   1 // IE fixes javascript
   2
   3 window.isMSIE55 = ( window.showModalDialog && window.clipboardData && window.createPopup );
   4 window.doneIETransform = undefined;
   5 window.doneIEAlphaFix = undefined;
   6
   7 window.hookit = function() {
   8         if ( !doneIETransform && document.getElementById && document.getElementById( 'bodyContent' ) ) {
   9                 doneIETransform = true;
  10                 relativeforfloats();
  11                 fixalpha();
  12         }
  13 };
  14
  15 if ( document.attachEvent ) {
  16         document.attachEvent( 'onreadystatechange', window.hookit );
  17 }
  18
  19 // png alpha transparency fixes
  20 window.fixalpha = function( logoId ) {
  21         // bg
  22         if ( isMSIE55 && !doneIEAlphaFix ) {
  23                 var plogo = document.getElementById( logoId || 'p-logo' );
  24                 if ( !plogo ) {
  25                         return;
  26                 }
  27
  28                 var logoa = plogo.getElementsByTagName('a')[0];
  29                 if ( !logoa ) {
  30                         return;
  31                 }
  32
  33                 var bg = logoa.currentStyle.backgroundImage;
  34                 var imageUrl = bg.substring( 5, bg.length - 2 );
  35
  36                 doneIEAlphaFix = true;
  37
  38                 if ( imageUrl.substr( imageUrl.length - 4 ).toLowerCase() == '.png' ) {
  39                         var logospan = logoa.appendChild( document.createElement( 'span' ) );
  40
  41                         logoa.style.backgroundImage = 'none';
  42                         logospan.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + imageUrl + ')';
  43                         logospan.style.height = '100%';
  44                         logospan.style.position = 'absolute';
  45                         logospan.style.width = logoa.currentStyle.width;
  46                         logospan.style.cursor = 'hand';
  47                         // Center image with hack for IE5.5
  48                         if ( document.documentElement.dir == 'rtl' ) {
  49                                 logospan.style.right = '50%';
  50                                 logospan.style.setExpression( 'marginRight', '"-" + (this.offsetWidth / 2) + "px"' );
  51                         } else {
  52                                 logospan.style.left = '50%';
  53                                 logospan.style.setExpression( 'marginLeft', '"-" + (this.offsetWidth / 2) + "px"' );
  54                         }
  55                         logospan.style.top = '50%';
  56                         logospan.style.setExpression( 'marginTop', '"-" + (this.offsetHeight / 2) + "px"' );
  57
  58                         var linkFix = logoa.appendChild( logoa.cloneNode() );
  59                         linkFix.style.position = 'absolute';
  60                         linkFix.style.height = '100%';
  61                         linkFix.style.width = '100%';
  62                 }
  63         }
  64 };
  65
  66 // fix ie6 disappering float bug
  67 window.relativeforfloats = function() {
  68         var bc = document.getElementById( 'bodyContent' );
  69         if ( bc ) {
  70                 var tables = bc.getElementsByTagName( 'table' );
  71                 var divs = bc.getElementsByTagName( 'div' );
  72                 setrelative( tables );
  73                 setrelative( divs );
  74         }
  75 };
  76
  77 window.setrelative = function( nodes ) {
  78         var i = 0;
  79         while ( i < nodes.length ) {
  80                 if( ( ( nodes[i].style.float && nodes[i].style.float != ( 'none' ) ||
  81                         ( nodes[i].align && nodes[i].align != ( 'none' ) ) ) &&
  82                         ( !nodes[i].style.position || nodes[i].style.position != 'relative' ) ) )
  83                 {
  84                         nodes[i].style.position = 'relative';
  85                 }
  86                 i++;
  87         }
  88 };
  89
  90 // Expand links for printing
  91 String.prototype.hasClass = function( classWanted ) {
  92         var classArr = this.split(/\s/);
  93         for ( var i = 0; i < classArr.length; i++ ) {
  94                 if ( classArr[i].toLowerCase() == classWanted.toLowerCase() ) {
  95                         return true;
  96                 }
  97         }
  98         return false;
  99 };
 100
 101 window.expandedURLs = undefined;
 102
 103 window.onbeforeprint = function() {
 104         expandedURLs = [];
 105
 106         var contentEl = document.getElementById( 'content' );
 107
 108         if ( contentEl ) {
 109                 var allLinks = contentEl.getElementsByTagName( 'a' );
 110
 111                 for ( var i = 0; i < allLinks.length; i++ ) {
 112                         if ( allLinks[i].className.hasClass( 'external' ) && !allLinks[i].className.hasClass( 'free' ) ) {
 113                                 var expandedLink = document.createElement( 'span' );
 114                                 var expandedText = document.createTextNode( ' (' + allLinks[i].href + ')' );
 115                                 expandedLink.appendChild( expandedText );
 116                                 allLinks[i].parentNode.insertBefore( expandedLink, allLinks[i].nextSibling );
 117                                 expandedURLs[i] = expandedLink;
 118                         }
 119                 }
 120         }
 121 };
 122
 123 window.onafterprint = function() {
 124         for ( var i = 0; i < expandedURLs.length; i++ ) {
 125                 if ( expandedURLs[i] ) {
 126                         expandedURLs[i].removeNode( true );
 127                 }
 128         }
 129 };