Firefox displays small grey box, ie works fine.
Any ideas why this won't reder in firefox 1.07, no js messages.
<html>
<head>
<style> body, html {margin:0px; padding: 0px; overflow: hidden;} </style>
<!-- ActiveWidgets stylesheet and scripts -->
<link href="./grid.css" rel="stylesheet" type="text/css" ></link>
<script src="./grid.js"></script>
<!-- grid format -->
<style>
.active-controls-grid {width: 400; height: 200; font: menu;}
.active-column-1 {width: 100; text-align: left;}
.active-column-2 {width: 100; text-align: right;}
.active-column-3 {width: 150; text-align: left;}
.active-grid-column {border-right: 1px solid threedlightshadow;}
.active-grid-row {border-bottom: 1px solid threedlightshadow;}
</style>
<!-- grid data -->
<script>
var myData = [
[ "kx1", "1","1","2005-09-09 14:32:16.0"],
[ "kx2", "2","2","2005-09-09 13:32:04.0"],
[ "kx3", "3","3","2005-09-14 12:30:02.0"],
[ "kx79", "5","79","2005-09-15 15:32:26.0"],
[ "kx80", "5","80","2005-09-15 14:12:39.0"],
[ "kx81", "5","81","2005-09-15 11:17:19.0"]
];
var myColumns = [ "Key", "Subject Id", "Test Id", "TestStartTime" ];
</script>
</head>
<body>
<script>
// create ActiveWidgets Grid javascript object
var obj = new Active.Controls.Grid;
// set number of rows/columns
obj.setRowProperty("count", 81);
obj.setColumnProperty("count", 4);
// alternating row colors
var alternate = function(){
return this.getRowProperty("order") % 2 ? "#FFFFFF" : "#FCFAF6";
}
var row = new Active.Templates.Row;
row.setStyle("background", alternate);
obj.setTemplate("row", row);
// provide cells and headers text
obj.setDataProperty("text", function(i, j){return myData[i][j]});
obj.setColumnProperty("text", function(i){return myColumns[i]});
// set headers width/height
obj.setRowHeaderWidth("28px");
obj.setColumnHeaderHeight("20px");
// Multi select
obj.setSelectionProperty("multiple", true);
obj.setAction("selectRow", obj.getAction("selectMultipleRows"));
obj.setAction("selectRangeOfRows", null);
// define action handler
var message = function(){
var myValues = this.getSelectionProperty("values");
var myResult = "";
for(i=0; i<myValues.length; i++) {
if(myResult == "")
myResult = myData[myValues[i]][0];
else
myResult += "," + myData[myValues[i]][0];
}
window.status = myResult;
}
// assign action handler to grid
obj.setAction("selectionChanged", message);
// write grid html to the page
document.write(obj);
</script>
</body>
</html>
<html>
<head>
<style> body, html {margin:0px; padding: 0px; overflow: hidden;} </style>
<!-- ActiveWidgets stylesheet and scripts -->
<link href="./grid.css" rel="stylesheet" type="text/css" ></link>
<script src="./grid.js"></script>
<!-- grid format -->
<style>
.active-controls-grid {width: 400; height: 200; font: menu;}
.active-column-1 {width: 100; text-align: left;}
.active-column-2 {width: 100; text-align: right;}
.active-column-3 {width: 150; text-align: left;}
.active-grid-column {border-right: 1px solid threedlightshadow;}
.active-grid-row {border-bottom: 1px solid threedlightshadow;}
</style>
<!-- grid data -->
<script>
var myData = [
[ "kx1", "1","1","2005-09-09 14:32:16.0"],
[ "kx2", "2","2","2005-09-09 13:32:04.0"],
[ "kx3", "3","3","2005-09-14 12:30:02.0"],
[ "kx79", "5","79","2005-09-15 15:32:26.0"],
[ "kx80", "5","80","2005-09-15 14:12:39.0"],
[ "kx81", "5","81","2005-09-15 11:17:19.0"]
];
var myColumns = [ "Key", "Subject Id", "Test Id", "TestStartTime" ];
</script>
</head>
<body>
<script>
// create ActiveWidgets Grid javascript object
var obj = new Active.Controls.Grid;
// set number of rows/columns
obj.setRowProperty("count", 81);
obj.setColumnProperty("count", 4);
// alternating row colors
var alternate = function(){
return this.getRowProperty("order") % 2 ? "#FFFFFF" : "#FCFAF6";
}
var row = new Active.Templates.Row;
row.setStyle("background", alternate);
obj.setTemplate("row", row);
// provide cells and headers text
obj.setDataProperty("text", function(i, j){return myData[i][j]});
obj.setColumnProperty("text", function(i){return myColumns[i]});
// set headers width/height
obj.setRowHeaderWidth("28px");
obj.setColumnHeaderHeight("20px");
// Multi select
obj.setSelectionProperty("multiple", true);
obj.setAction("selectRow", obj.getAction("selectMultipleRows"));
obj.setAction("selectRangeOfRows", null);
// define action handler
var message = function(){
var myValues = this.getSelectionProperty("values");
var myResult = "";
for(i=0; i<myValues.length; i++) {
if(myResult == "")
myResult = myData[myValues[i]][0];
else
myResult += "," + myData[myValues[i]][0];
}
window.status = myResult;
}
// assign action handler to grid
obj.setAction("selectionChanged", message);
// write grid html to the page
document.write(obj);
</script>
</body>
</html>
Dale Fraser
November 28,