Search This Blog

Monday, June 30, 2008

Adding events and styles that work in both firefox2.0/3.0 and IE6.0

For Events in a table row
trow.onclick = function () {
fun1(acno); fun2(acno); } where trow=document.getElementById('id_row');

For styles in a table row

function applytdstyle(tdobj)
{
tdobj.style.fontFamily="Verdana, Arial, Helvetica, sans-serif";
tdobj.style.fontSize="11px";
tdobj.style.color= "#666666";
tdobj.style.lineHeight="15px";
tdobj.style.paddingRight="2px";
tdobj.style.textAlign="center";
tdobj.style.borderBottom="solid 1px #d8d8d8";
tdobj.style.borderLeft="solid 1px #d8d8d8";
}
where tdobj=document.getElementById('id_col');

To insert a row with column and to get values from a row

Add
var tbl=dojo.byId('searchresulttable');
var trow = tbl.insertRow(1);
trow.id='tr'+acno;
trow.onclick = function () {
fun1(acno);
fun2(acno);
}
var tdno = trow.insertCell(0);
var tdname = trow.insertCell(1);
var tdreorder = trow.insertCell(2);
applytdstyle(tdno);
applytdstyle(tdname);
tdno.innerHTML=acno;
tdname.innerHTML=acname;

Get
var row = dojo.byId('tr'+acno);
var tdno = row.cells[0];
var tdname = row.cells[1];
applytdstyle(tdno);
applytdstyle(tdname);
tdno.innerHTML=acno;
tdname.innerHTML=acname;
------------------------------------------------
I believe these tips will be helpful for someone.

1 comment:

Anonymous said...

Keep up the good work.