Some please help!!!
Here is my javascript i am using..i cannot get my .JPG file to appear in the grid..
<html>
<head>
<title>ActiveWidgets Grid :: Examples</title>
<style> body, html {margin:0px; padding: 0px; overflow: hidden;} </style>
<!-- ActiveWidgets stylesheet and scripts -->
<link href="../../runtime/styles/xp/grid.css" rel="stylesheet" type="text/css" ></link>
<script src="../../runtime/lib/grid.js"></script>
<!-- grid format -->
<style>
.active-controls-grid {height: 100%; font: menu;}
.active-column-0 {width: 100px;}
.active-column-0 {text-align: center;}
.active-column-1 {width: 80px; text-align: right;}
.active-column-2 {width: 150px;}
.active-column-3 {width: 120px;}
.active-box-image {height: 16px;} /* for firefox 0.8 */
.active-image-flag {background: url(red5.jpg)}
</style>
<!-- grid data -->
<script src="../data/files.js"></script>
</head>
<body>
<script>
//create ActiveWidgets Grid javascript object
var obj = new Active.Controls.Grid;
//set the first column template to image+text
var image = new Active.Templates.Image;
image.setContent("text", "");
obj.setColumnTemplate(image, 0);
//set number of rows/columns
obj.setRowProperty("count", 9);
obj.setColumnProperty("count", 4);
//provide cells and headers text
obj.setDataProperty("text", function(i, j){return myData[i][j]});
obj.setDataProperty("image", function(i, j){return myData[i]4]});
obj.setColumnImage(function(i){return "flag"});
// provide column headers
obj.setColumnProperty("texts" , ["Name", "Size", "Type", "Date Modified"]);
// set column/row headers width/height
obj.setColumnHeaderHeight("20px");
obj.setRowHeaderWidth("0px");
obj.setColumnProperty("image", "flag", 0);
// write grid html to the page
document.write(obj);
</script>
</body>
</html>
Here is my file.js..
Someone please shed some light here...
<html>
<head>
<title>ActiveWidgets Grid :: Examples</title>
<style> body, html {margin:0px; padding: 0px; overflow: hidden;} </style>
<!-- ActiveWidgets stylesheet and scripts -->
<link href="../../runtime/styles/xp/grid.css" rel="stylesheet" type="text/css" ></link>
<script src="../../runtime/lib/grid.js"></script>
<!-- grid format -->
<style>
.active-controls-grid {height: 100%; font: menu;}
.active-column-0 {width: 100px;}
.active-column-0 {text-align: center;}
.active-column-1 {width: 80px; text-align: right;}
.active-column-2 {width: 150px;}
.active-column-3 {width: 120px;}
.active-box-image {height: 16px;} /* for firefox 0.8 */
.active-image-flag {background: url(red5.jpg)}
</style>
<!-- grid data -->
<script src="../data/files.js"></script>
</head>
<body>
<script>
//create ActiveWidgets Grid javascript object
var obj = new Active.Controls.Grid;
//set the first column template to image+text
var image = new Active.Templates.Image;
image.setContent("text", "");
obj.setColumnTemplate(image, 0);
//set number of rows/columns
obj.setRowProperty("count", 9);
obj.setColumnProperty("count", 4);
//provide cells and headers text
obj.setDataProperty("text", function(i, j){return myData[i][j]});
obj.setDataProperty("image", function(i, j){return myData[i]4]});
obj.setColumnImage(function(i){return "flag"});
// provide column headers
obj.setColumnProperty("texts" , ["Name", "Size", "Type", "Date Modified"]);
// set column/row headers width/height
obj.setColumnHeaderHeight("20px");
obj.setRowHeaderWidth("0px");
obj.setColumnProperty("image", "flag", 0);
// write grid html to the page
document.write(obj);
</script>
</body>
</html>
Here is my file.js..
Someone please shed some light here...
seeker
February 22,