[Monodevelop-patches-list] r1723 - trunk/md-website/include

Wed Jun 9 03:12:53 EDT 2004

Author: deboald
Date: 2004-06-09 03:12:53 -0400 (Wed, 09 Jun 2004)
New Revision: 1723

Modified:
   trunk/md-website/include/header.ascx
Log:
Added JavaScript so transparent PNGs display properly in IE.


Modified: trunk/md-website/include/header.ascx
===================================================================

--- trunk/md-website/include/header.ascx	2004-06-09 06:42:10 UTC (rev 1722)
+++ trunk/md-website/include/header.ascx	2004-06-09 07:12:53 UTC (rev 1723)
@@ -3,11 +3,40 @@
 <html>
   <head>
     <link rel="stylesheet" media="screen" href="/styles.css" type="text/css" />
-    <title>MonoDevelop Homepage</title>
+    <title>MonoDevelop</title>
+<!--[if gte IE 5.5000]>
+<script language="JavaScript">
+function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
+   {
+   for(var i=0; i<document.images.length; i++)
+      {
+	  var img = document.images[i]
+	  var imgName = img.src.toUpperCase()
+	  if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
+	     {
+		 var imgID = (img.id) ? "id='" + img.id + "' " : ""
+		 var imgClass = (img.className) ? "class='" + img.className + "' " : ""
+		 var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
+		 var imgStyle = "display:inline-block;" + img.style.cssText 
+		 if (img.align == "left") imgStyle = "float:left;" + imgStyle
+		 if (img.align == "right") imgStyle = "float:right;" + imgStyle
+		 if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle		
+		 var strNewHTML = "<span " + imgID + imgClass + imgTitle
+		 + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+	     + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+		 + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
+		 img.outerHTML = strNewHTML
+		 i = i-1
+	     }
+      }
+   }
+window.attachEvent("onload", correctPNG);
+</script>
+<![endif]-->
   </head>
   <body>
     <div id="header">
-      <img src="/images/mono-develop.png" alt=""/>
+      <img src="/images/mono-develop.png" alt="" height="62" width="357" />
     </div>
     <div id="flags">
       <a href="/"><img src="/images/flags/usa.png" /></a>


