I am trying to provide you the code of Freeze Panes Demo. Hope that you will get some help from this coding.
Code:
var myRow=1;
var myCol=1;
var noRows;
var myTable;
var myCells,ID;
function setUp(){
if(!myTable){myTable=document.getElementById("t1");}
myCells = myTable.rows[0].cells.length;
noRows=myTable.rows.length;
for( var x = 0; x < myTable.rows[0].cells.length; x++ ) {
colWdth=myTable.rows[0].cells[x].offsetWidth;
myTable.rows[0].cells[x].setAttribute("width",colWdth-4);
}
}
function right(up){
if(up){window.clearTimeout(ID);return;}
if(!myTable){setUp();}
if(myCol<(myCells)){
for( var x = 0; x < noRows; x++ ) {
myTable.rows[x].cells[myCol].style.display="";
}
if(myCol >1){myCol--;}
ID = window.setTimeout('right()',100);
}
}
function left(up){
if(up){window.clearTimeout(ID);return;}
if(!myTable){setUp();}
if(myCol<(myCells-1)){
for( var x = 0; x < noRows; x++ ) {
myTable.rows[x].cells[myCol].style.display="none";
}
myCol++
ID = window.setTimeout('left()',100);
}
}
function down(up){
if(up){window.clearTimeout(ID);return;}
if(!myTable){setUp();}
if(myRow<(noRows-1)){
myTable.rows[myRow].style.display="none";
myRow++ ;
ID = window.setTimeout('down()',100);
}
}
function upp(up){
if(up){window.clearTimeout(ID);return;}
if(!myTable){setUp();}
if(myRow<=noRows){
myTable.rows[myRow].style.display="";
if(myRow >1){myRow--;}
ID = window.setTimeout('upp()',100);
}
}
Bookmarks