adam/Piwigo
1
0
Fork 0
mirror of https://github.com/Piwigo/Piwigo.git synced 2026-06-02 04:15:05 +02:00
Code Issues Packages Projects Releases Wiki Activity

bug 176 fixed: need a javascript to handle transparent PNG background in IE

Browse Source 
(tribute to Bob Osola http://homepage.ntlworld.com/bobosola/index.htm

display: fixed another IE childselector bug in Categories Management admin page
	and improved display of this page in all browsers too.


git-svn-id: http://piwigo.org/svn/trunk@905 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
chrisaga
2005-10-20 19:06:17 +00:00
parent f223675e5d
commit 56f29767a8
5 changed files with 52 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
doc/ChangeLog
+8
View File
@@ -1,3 +1,11 @@
2005-10-20 chrisaga
* bug 176 fixed: need a javascript to handle transparent PNG background in IE
(tribute to Bob Osola http://homepage.ntlworld.com/bobosola/index.htm
* display: fixed another IE childselector bug in Categories Management admin page
and improved display of this page in all browsers too.
2005-10-18 Pierrick LE GALL 2005-10-18 Pierrick LE GALL
* bug 174 fixed: use_exif_mapping configuration parameter was not * bug 174 fixed: use_exif_mapping configuration parameter was not
include/pngfix.js
+29
View File
@@ -0,0 +1,29 @@
// Correctly handle PNG transparency in Win IE 5.5 or higher.
// http://homepage.ntlworld.com/bobosola. Updated 02-March-2004
function correctPNG()
{
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);
template/yoga/admin/cat_list.tpl
+4 -3
View File
@@ -5,10 +5,10 @@
<form id="categoryOrdering" action="" method="post"> <form id="categoryOrdering" action="" method="post">
<ul> <ul class="categoryUl">
<!-- BEGIN category --> <!-- BEGIN category -->
<li> <!-- category {category.ID} --> <li class="categoryLi"> <!-- category {category.ID} -->
<ul class="categoryActions"> <ul class="categoryActions">
<li><a href="{category.U_JUMPTO}" title="{lang:jump to category}"><img src="./template/yoga/theme/category_jump-to.png" alt="{lang:jump to}" /></a></li> <li><a href="{category.U_JUMPTO}" title="{lang:jump to category}"><img src="./template/yoga/theme/category_jump-to.png" alt="{lang:jump to}" /></a></li>
@@ -37,11 +37,12 @@
</li> </li>
<!-- END category --> <!-- END category -->
</ul>
<p><input name="submitOrder" type="submit" value="{lang:Save order}" /></p> <p><input name="submitOrder" type="submit" value="{lang:Save order}" /></p>
</form> </form>
<form action="{F_ACTION}" method="post"> <form id="addVirtual" action="{F_ACTION}" method="post">
{L_ADD_VIRTUAL} : <input type="text" name="virtual_name" /> {L_ADD_VIRTUAL} : <input type="text" name="virtual_name" />
<input type="hidden" name="rank" value="{NEXT_RANK}"/> <input type="hidden" name="rank" value="{NEXT_RANK}"/>
<input type="submit" value="{L_SUBMIT}" name="submitAdd" /> <input type="submit" value="{L_SUBMIT}" name="submitAdd" />
template/yoga/default-layout.css
+8 -4
View File
@@ -139,19 +139,23 @@ select.categoryList {
} }
form#add_virtual p { text-align: left; } form#add_virtual p { text-align: left; }
form#categoryOrdering p { FORM#categoryOrdering, FORM#addVirtual {
padding-left: 1em; /* same as FIELDSET margin (there is no fieldset in this form) */
padding-right: 1em; /* same as FIELDSET margin (there is no fieldset in this form) */
}
FORM#categoryOrdering p {
text-align: left; text-align: left;
margin-top: 1em; margin-top: 1em;
margin-bottom: 1em; margin-bottom: 1em;
} }
form#categoryOrdering>ul { UL.categoryUl {
list-style: none; list-style: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
form#categoryOrdering>ul>li { LI.categoryLi {
border: 1px solid grey; border: 1px solid gray;
padding: 0px 5px; padding: 0px 5px;
margin-bottom: 5px; margin-bottom: 5px;
} }
template/yoga/header.tpl
+3
View File
@@ -19,6 +19,9 @@
<!-- END refresh --> <!-- END refresh -->
<title>{PAGE_TITLE}</title> <title>{PAGE_TITLE}</title>
<script type="text/javascript" src="include/scripts.js"></script> <script type="text/javascript" src="include/scripts.js"></script>
<!--[if gte IE 5.5000]>
<script type="text/javascript" src="include/pngfix.js"></script>
<![endif]-->
</head> </head>
<body id="{BODY_ID}"> <body id="{BODY_ID}">