fix bug 204: IE doesn't dispaly the same text in tooltips (info-bulles) than other browsers

	use a behaviour (.htc) to fix alt and title attribute when mouse is over IMG
	only for IMG in a link, others will not be fixed.

git-svn-id: http://piwigo.org/svn/trunk@1475 68402e56-0260-453c-a942-63ccdbb3a9ee

2 files changed, 32 insertions, 0 deletions

diff --git a/template-common/tooltipfix.htc b/template-common/tooltipfix.htc
new file mode 100644
index 000000000..4ce943af1
--- /dev/null
+++ b/template-common/tooltipfix.htc
@@ -0,0 +1,31 @@
+<public:attach event="onmouseover" onevent="montrer()" />
+<public:attach event="onmouseout"  onevent="cacher()" />
+
+<script langage=javascript>
+var thisImg = this;
+var thisTitle = this.title;
+var thisAlt = this.alt;
+var thisA = this.parentNode;
+var aTitle = thisA.title;
+
+function montrer()
+{
+  if (aTitle)
+  {
+    thisAlt=thisImg.alt;
+    thisImg.alt=aTitle;
+    thisImg.title=aTitle;
+  }
+  return;
+}
+
+function cacher() {
+  if (thisAlt)
+  {
+    thisImg.alt=thisAlt;
+    thisImg.title=thisTitle;
+  }
+  return;
+}
+</script>
+
diff --git a/template/yoga/header.tpl b/template/yoga/header.tpl
index 3257185cc..050857ad0 100644
--- a/template/yoga/header.tpl
+++ b/template/yoga/header.tpl
@@ -27,6 +27,7 @@ the "text/nonsense" prevents gecko based browsers to load it -->
   <style>
     /* only because we need \{pwg_root\} otherwise use fix-ie5-ie6.css */
     BODY { behavior:url("{pwg_root}template-common/csshover.htc"); }
+    A IMG, .button, .icon { behavior:url("{pwg_root}template-common/tooltipfix.htc"); }
   </style>
   <script type="text/javascript" src="{pwg_root}include/pngfix.js"></script>
 <![endif]-->