I have following function - but control is not going further "container.document.open("text/html");" in internet explorer 10 and I am not able to see the menu's of my website.
Can anyone help me on this?



function writeMenus(container) {

if (!container) {
if (!document.all["menuContainer"])
document.write('<SPAN ID="menuContainer"></SPAN>');
container = document.all["menuContainer"];

}
container.isContainer = "menuContainer" + menuContainers.length;
menuContainers[menuContainers.length] = container;
container.menus = new Array();
var content = '';

for (var i=0, lenI=window.menus.length; i<lenI; i++) {
container.menus[i] = window.menus[i];
var menu = window.menus[i];
content += ('<DIV ID="menuLayer' + i + '" label="' + menu.menuLabel + '" class="' + menu.menuLayerClass + '" onMouseOver="onMenuItemOver();" onMouseOut="onMenuItemOut();" onClick="onMenuItemAction();" style="visibility:hidden">');
for (var j=0, lenJ=menu.items.length; j<lenJ; j++) {
var item = menu.items[j];
var identifier = menu.identifiers[j];
var action = menu.actions[j];
var childMenu = false;
var arrAccKey = menu.accessKeys[j];
var dTag = '<DIV class="' + menu.menuItemClass + '" ID="' + identifier + '" accessKey=' + arrAccKey + ' action="' + action + '" onFocus="onMenuItemActionAccKey(this);">';
if (typeof arrAccKey == "string") {
var dText = replaceFirstOcc(item, arrAccKey, '<u>' + arrAccKey + '</u>');
}
else {
var dText = item;
}
content += (dTag + dText + '</DIV>');
}
content += '</DIV>';
}

window.menus.length = 0;

'Control not going further ....
container.document.open("text/html");
container.document.write(content);
container.document.close();
for (var x=0, lenX=container.menus.length; x<lenX; x++) {
container.menus[x].menuLayer = container.document.all("menuLayer" + x);
}
window.wroteMenu = true;
}