var initMenu= function(){

var table=document.createElement(‘table’)
table.id=”myTable”
table.align=’center’

var imgNames = ["Refresh", "Telephone", "StaffPortal", "SRContractsdb", "StatApp", "MapApp", "AdminForms", "Calendar", "ARVTdb", "Exit" ];
var imgObjects = [];

var objBotMenu=document.getElementById(‘botmenu’)
var tbody = document.createElement(“tbody”);
var row = document.createElement(“tr”)
var td = document.createElement(“td”)
td.id=’mid’

row.appendChild(td);
tbody.appendChild(row);
table.appendChild(tbody);
//document.body.appendChild(table);

objBotMenu.appendChild(table);

for (var i = 0; i < imgNames.length; i++){
imgObjects[i] = new Image();
imgObjects[i].src = 'imgs/'+ imgNames[i] + '.png';
imgObjects[i].onload = function(){
for (var i = 0; i < imgNames.length; i++){
td.appendChild(imgObjects[i]);
imgObjects[i].className="imgIcon";
var imgleft=imgObjects[i].left
imgObjects[i].onmouseover=function() {// function number 1
var params = findPos(this);
var capsLayer= document.createElement("span")
capsLayer.style.position="absolute";
capsLayer.style.left= params[0]-310 ;
capsLayer.id='capsLayerId';
capsLayer.innerHTML= ''+eval(imgNames[i])+'';
td.appendChild(capsLayer);

var capsLayer=
this.position="absolute";

//this.parentNode.verticalAlign="top"//**************position

if(!this.nextSibling){
this.className="thumbImg";

}else{

this.nextSibling.className="mideuim"//function code /#/1
}

if(!this.previousSibling){
this.className="thumbImg"

}else{

this.previousSibling.className="mideuim"

}

this.className="thumbImg"

this.onmouseout=function() {
var capsLayer=document.getElementById('capsLayerId');
if(capsLayer)
capsLayer.parentNode.removeChild(capsLayer)
this.className="imgIcon";

// this.parentNode.verticalAlign="top";//******************position

if(!this.nextSibling){this.className="imgIcon"

}else{
this.nextSibling.className="imgIcon"//function code /#/1

}

if(!this.previousSibling){
this.className="imgIcon"

}else{
//function code /#/2
this.previousSibling.className="imgIcon"

}

};

};

}

}
}
};
function findPos(obj) {
var curleft = curtop = 0;
if (obj.offsetParent) {
while (obj.offsetParent) {
curleft += obj.offsetLeft;
curtop += obj.offsetTop;
obj = obj.offsetParent;
}
}
return [curleft,curtop];
}

window.onLoad=initMenu

body{scroll-bars: none}
#myTable { bottom:50px ; left:1%;width:98%%;background-color: #FFFFCC; position:absolute;text-align:center;height:18%;vertical-align:middle;left:25%; top:80%}
.imgIcon {width:50px;height:50px;}
.thumbImg {width:150px;height:150px;}
.mideuim {width:100px;height:100px;}
#mid{vertical-align:bottom;valign:middle}

Add row

menu

Please could you suggest me anything else.

Actually my problem is that i have to give ajax call when window closes. I used window.onbeforeunload .But problem is it is called when page is refreshed. So i want that only and only when my browser is closed then in window.onbeforeunload i should get position of browser close button and i will handle the call.

cost time and money, and cost others time and money, when you try to be different. (<- ok, that was uncalled for – sorry to those who try to reinvent languages that exists and call themselves compatible.) – I LOATHE debugging js

this piece of .js code works perfect in IE but not in firefox, get error as getElementById returns null.

what to do… plz. email me with some tips: gaurab_bas@yahoo.com

This is an older post. I wrote this when IE8 was still in Beta (or maybe earlier). I will put a notice at the top to indicate version. Thanks.

Please mention the IE version in your post