Changeset 12455

Timestamp:

2006-08-16T15:08:27+12:00 (18 years ago)

Author:

mdewsnip

Message:

A fix to the problem where the drop down menus would go behind the select elements on the Advanced Search page in IE. Thanks to ​http://dotnetjunkies.com/WebLog/jking/archive/category/139.aspx.

File:

• trunk/cic-hcap/macros/extra.dm (modified) (3 diffs)

trunk/cic-hcap/macros/extra.dm

@@ -1671 +1671 @@
 var ns6=document.getElementById&&!document.all
 
-if (ie4||ns6)
+if (ie4||ns6) \{
 document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')
+/* Change to fix IE problem with select boxes, as described at http://dotnetjunkies.com/WebLog/jking/archive/category/139.aspx */
+document.write('<iframe id="dropmenuiframe" style="display:none; position: absolute; background-color: white; left: 0px; top: 0px" src="javascript:false" frameBorder="0" scrolling="no"></iframe>')
+\}
 
 function getposOffset(what, offsettype)\{
@@ -1742 +1745 @@
 dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
 dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
+/* Change to fix IE problem with select boxes, as described at http://dotnetjunkies.com/WebLog/jking/archive/category/139.aspx */
+iframeobj = document.getElementById("dropmenuiframe");
+iframeobj.style.left = dropmenuobj.style.left;
+iframeobj.style.top = dropmenuobj.style.top;
+iframeobj.style.width = dropmenuobj.style.width;
+iframeobj.style.height = dropmenuobj.offsetHeight;
+iframeobj.style.zIndex = 99;
+iframeobj.style.display = "block";
 \}
 
@@ -1770 +1781 @@
 if (ie4||ns6)
 dropmenuobj.style.visibility="hidden"
+/* Change to fix IE problem with select boxes, as described at http://dotnetjunkies.com/WebLog/jking/archive/category/139.aspx */
+iframeobj.style.display = "none"
 \}
 \}