5
i need to display the data in grids like msflexgrid in vb. so i wrote the following code. the problem is it works fine under ir but not in firefox. help me.
<html>
<head>
<title>Getting Sticky</title>
<script type="text/javascript">
var iC =0 , iR = 0 ;
var tblWidth =0 ,tblheight = 0 ,tblColspan =0,tblRowspan =0;
function addCell(){
tblheight = "20";tblWidth = "50"; tblColspan = "2";tblRowspan = "1";
mainDivElement = document.getElementById("huti");
newNote = document.createElement("div");
newNote.setAttribute("id", "note" + iC);
newNote.style.width = tblColspan * tblWidth ;
newNote.style.height = tblRowspan * tblheight;
newNote.style.border ="1px ridge";
// newNote.style.borderleft = "0";
newNote.style.backgroundColor="#cccccc";
newNote.style.position="absolute";
newNote.style.top = parseInt(tblRowspan * iR * 21) + 'px';
newNote.style.left= parseInt(tblColspan * iC * 50) + 'px';
mainDivElement.appendChild(newNote);
newNote.innerHTML = iC;
newNote.setAttribute('align','center');
iC++;
}
function addRow() {
iR++;iC=0;
}
</script>
</head>
<body style="background-image:url(../ba.gif)">
<form id="noteForm">
<input type="button" value="Add Cell" onClick="addCell()"/>
<input type="button" value="Add Row" onClick="addRow()"/>
</form>
<div id="huti" style="border:1 #000099 solid;overflow:auto;height:250;width:50%;backgroun d:#FFFFFF">Digitech</div>
</body>
</html>
