still have problem vertical scolling on firefix reset itself to top
hi, i am still having problem with a grid in firefox. when i scroll the page resets itself to the top. i have looked through the topics such as
http://www.activewidgets.com/javascript.forum.13277.4/vertical-scrolling-resets-itself-to.html
http://www.activewidgets.com/javascript.forum.16064.9/scrolling-in-grid-in-firefox.html
http://www.activewidgets.com/javascript.forum.16621.6/page-scrolls-to-top-when.html
and tried the proposed solution but couldn't get it to work. the grid is inside a table tag. i have a small example:
<!-- ActiveWidgets stylesheet and scripts -->
<script src="../../runtime/lib/aw.js"></script>
<link href="../../runtime/styles/xp/aw.css" rel="stylesheet"></link>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>TEST</TITLE>
</HEAD>
<body>
<style>
.aw-grid-row {height: 20px; border-bottom: 1px solid #ccc}
.aw-grid-headers {font-weight: bold}
.aw-gecko .aw-grid-focus {
position: relative;
}
</style>
<FORM Name="form" action="" method="post">
<TABLE WIDTH="622" CELLPADDING="0" CELLSPACING="0" BORDER="0">
<TR>
<TD WIDTH="8"> </TD>
<TD WIDTH="568" height=500>xxxx</TD>
</TR>
</TD>
</TABLE>
<TABLE WIDTH="622" CELLPADDING="0" CELLSPACING="0" BORDER="0" style="table-layout:fixed" >
<TR>
<TD WIDTH="32"> </TD>
<TD WIDTH="590">
<script>
var myData = [
["MSFT","Microsoft Corporation", "314,571.156", "32,187.000", "55000"],
["ORCL", "Oracle Corporation", "62,615.266", "9,519.000", "40650"],
["SAP", "SAP AG (ADR)", "40,986.328", "8,296.420", "28961"],
["CA", "Computer Associates Inter", "15,606.335", "3,164.000", "16000"],
["ERTS", "Electronic Arts Inc.", "14,490.895", "2,503.727", "4000"],
["SFTBF", "Softbank Corp. (ADR)", "14,485.840", ".000", "6865"],
["VRTS", "Veritas Software Corp.", "14,444.272", "1,578.658", "5647"],
["SYMC", "Symantec Corporation", "9,932.483", "1,482.029", "4300"],
["INFY", "Infosys Technologies Ltd.", "9,763.851", "830.748", "15400"],
["INTU", "Intuit Inc.", "9,702.477", "1,650.743", "6700"],
["ADBE", "Adobe Systems Incorporate", "9,533.050", "1,230.817", "3341"],
["PSFT", "PeopleSoft, Inc.", "8,246.467", "1,941.167", "8180"],
["SEBL", "Siebel Systems, Inc.", "5,434.649", "1,417.952", "5909"],
["BEAS", "BEA Systems, Inc.", "5,111.813", "965.694", "3063"],
["SNPS", "Synopsys, Inc.", "4,482.535", "1,169.786", "4254"],
["CHKP", "Check Point Software Tech", "4,396.853", "424.769", "1203"],
["MERQ", "Mercury Interactive Corp.", "4,325.488", "444.063", "1822"],
["DOX", "Amdocs Limited", "4,288.017", "1,427.088", "9400"],
["CTXS", "Citrix Systems, Inc.", "3,946.485", "554.222", "1670"],
["KNM", "Konami Corporation (ADR)", "3,710.784", ".000", "4313"]
];
var myHeaders = ["Ticker", "Company Name", "Market Cap.", "$ Sales", "Employees"];
</script>
<TABLE WIDTH="622" CELLPADDING="0" CELLSPACING="0" BORDER="1">
<TR>
<TD WIDTH="32"> </TD>
<TD WIDTH="590">
<script>
var obj = new AW.Grid.Extended;
obj.setControlSize(590, 300);
obj.setCellText(myData); // 2-dimensional js array
obj.setHeaderCount(1);
obj.setHeaderText(myHeaders); // js array
obj.setVirtualMode(true);
obj.setColumnCount(5);
obj.setRowCount(20);
obj.setRowHeight(24);
document.write(obj);
</script>
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
am i doing something weird? i am using firefox 1.5
thank you!
http://www.activewidgets.com/javascript.forum.13277.4/vertical-scrolling-resets-itself-to.html
http://www.activewidgets.com/javascript.forum.16064.9/scrolling-in-grid-in-firefox.html
http://www.activewidgets.com/javascript.forum.16621.6/page-scrolls-to-top-when.html
and tried the proposed solution but couldn't get it to work. the grid is inside a table tag. i have a small example:
<!-- ActiveWidgets stylesheet and scripts -->
<script src="../../runtime/lib/aw.js"></script>
<link href="../../runtime/styles/xp/aw.css" rel="stylesheet"></link>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>TEST</TITLE>
</HEAD>
<body>
<style>
.aw-grid-row {height: 20px; border-bottom: 1px solid #ccc}
.aw-grid-headers {font-weight: bold}
.aw-gecko .aw-grid-focus {
position: relative;
}
</style>
<FORM Name="form" action="" method="post">
<TABLE WIDTH="622" CELLPADDING="0" CELLSPACING="0" BORDER="0">
<TR>
<TD WIDTH="8"> </TD>
<TD WIDTH="568" height=500>xxxx</TD>
</TR>
</TD>
</TABLE>
<TABLE WIDTH="622" CELLPADDING="0" CELLSPACING="0" BORDER="0" style="table-layout:fixed" >
<TR>
<TD WIDTH="32"> </TD>
<TD WIDTH="590">
<script>
var myData = [
["MSFT","Microsoft Corporation", "314,571.156", "32,187.000", "55000"],
["ORCL", "Oracle Corporation", "62,615.266", "9,519.000", "40650"],
["SAP", "SAP AG (ADR)", "40,986.328", "8,296.420", "28961"],
["CA", "Computer Associates Inter", "15,606.335", "3,164.000", "16000"],
["ERTS", "Electronic Arts Inc.", "14,490.895", "2,503.727", "4000"],
["SFTBF", "Softbank Corp. (ADR)", "14,485.840", ".000", "6865"],
["VRTS", "Veritas Software Corp.", "14,444.272", "1,578.658", "5647"],
["SYMC", "Symantec Corporation", "9,932.483", "1,482.029", "4300"],
["INFY", "Infosys Technologies Ltd.", "9,763.851", "830.748", "15400"],
["INTU", "Intuit Inc.", "9,702.477", "1,650.743", "6700"],
["ADBE", "Adobe Systems Incorporate", "9,533.050", "1,230.817", "3341"],
["PSFT", "PeopleSoft, Inc.", "8,246.467", "1,941.167", "8180"],
["SEBL", "Siebel Systems, Inc.", "5,434.649", "1,417.952", "5909"],
["BEAS", "BEA Systems, Inc.", "5,111.813", "965.694", "3063"],
["SNPS", "Synopsys, Inc.", "4,482.535", "1,169.786", "4254"],
["CHKP", "Check Point Software Tech", "4,396.853", "424.769", "1203"],
["MERQ", "Mercury Interactive Corp.", "4,325.488", "444.063", "1822"],
["DOX", "Amdocs Limited", "4,288.017", "1,427.088", "9400"],
["CTXS", "Citrix Systems, Inc.", "3,946.485", "554.222", "1670"],
["KNM", "Konami Corporation (ADR)", "3,710.784", ".000", "4313"]
];
var myHeaders = ["Ticker", "Company Name", "Market Cap.", "$ Sales", "Employees"];
</script>
<TABLE WIDTH="622" CELLPADDING="0" CELLSPACING="0" BORDER="1">
<TR>
<TD WIDTH="32"> </TD>
<TD WIDTH="590">
<script>
var obj = new AW.Grid.Extended;
obj.setControlSize(590, 300);
obj.setCellText(myData); // 2-dimensional js array
obj.setHeaderCount(1);
obj.setHeaderText(myHeaders); // js array
obj.setVirtualMode(true);
obj.setColumnCount(5);
obj.setRowCount(20);
obj.setRowHeight(24);
document.write(obj);
</script>
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
am i doing something weird? i am using firefox 1.5
thank you!
tangomango
March 29,