I had the following problem with IE8 (in firefox it works):
- Main window contains a grid with calender cells
- new modal window opened
- loading grid in new window, wich also contains calendar
when clicking the calendar cell in new Window, the calendar div does not show up in IE8.
I found out, that the calendar div has a z-index, which is lower than the z-index of the new window.
The following trick worked for me:
-
overriding one style:
.dhtmlxcalendar_yahoolike
{
z-index: 9999;
} -
for the grid in new window i set the following, which changes the z-index of the div containing the dhtmlxcalendar_yahoolike div:
oGridFileManagement.attachEvent(“onXLE”, function()
{
aElements = getElementsByClassName(“dhtmlxcalendar_yahoolike”);
for (i=0; i<aElements.length; i++)
{
aElements[i].parentNode.style.zIndex=“9999”;
}
});
function getElementsByClassName(classname, node)
{
if(!node) node = document.getElementsByTagName(“body”)[0];
var a = [];
var re = new RegExp(’\b’ + classname + ‘\b’);
var els = node.getElementsByTagName("*");
for(var i=0,j=els.length; i<j; i++)
if(re.test(els[i].className))a.push(els[i]);
return a;
}