Warning: chmod(): Operation not permitted in /var/www/hopeinstoughton_www/wp-content/plugins/simple-universal-google-analytics/main.php on line 8 [0] in function chmod in /var/www/hopeinstoughton_www/wp-content/plugins/simple-universal-google-analytics/main.php on line 8 [1] in function include_once in /var/www/hopeinstoughton_www/wp-settings.php on line 560 [2] in function require_once in /var/www/hopeinstoughton_www/wp-config.php on line 85 [3] in function require_once in /var/www/hopeinstoughton_www/wp-load.php on line 50 [4] in function require_once in /var/www/hopeinstoughton_www/wp-blog-header.php on line 13 [5] in function require in /var/www/hopeinstoughton_www/index.php on line 17
| Server IP : 94.177.8.99 / Your IP : 216.73.217.165 Web Server : Apache/2.4.58 (Ubuntu) System : Linux aries 6.8.0-134-generic #134-Ubuntu SMP PREEMPT_DYNAMIC Fri Jun 26 18:43:11 UTC 2026 x86_64 User : www-data ( 33) PHP Version : 8.1.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/hopeinstoughton_books/_oldsite/ |
Upload File : |
<html>
<head>
<title>ActiveWidgets Grid :: Examples</title>
<style>
body, html {margin:0px; padding: 0px; overflow: hidden;border:none}
.line, .line2 {
color: #009;
font-family: Tahoma, MS Sans Serif, helvetica;
font-weight: bold;
font-size: 11px;
margin-bottom: 5px;
}
.line2 {
font-weight: normal;
}
.loading {
width:400px;
height:20px;
background:url(./runtime/styles/xp/loading.gif) no-repeat;
}
</style>
<!-- grid data -->
<script>
var myData = [
["Microsoft Corporation", "314,571.156", "32,187.000", "55000"],
["Oracle Corporation", "62,615.266", "9,519.000", "40650"],
["SAP AG (ADR)", "40,986.328", "8,296.420", "28961"],
["Computer Associates International Corporation of America (2005)", "15,606.335", "3,164.000", "16000"],
["Electronic Arts Inc.", "14,490.895", "2,503.727", "4000"],
["Softbank Corp. (ADR)", "14,485.840", ".000", "6865"],
["Veritas Software Corp.", "14,444.272", "1,578.658", "5647"],
["Symantec Corporation", "9,932.483", "1,482.029", "4300"]
];
var myColumns = [
"Company Name", "Market Cap.", "$ Sales", "Employees"
];
</script>
</head>
<body>
<div id="box" style="height:100%;width:100%;">
<div style="padding:0px 50px">
<div class="line"> </div>
<div class="line2">Loading grid demo...</div>
<div class="loading"></div>
</div>
</div>
<!-- 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: 400px;}
.active-column-1 {text-align: right;}
.active-column-2 {text-align: right; color: #009}
.active-column-3 {text-align: right;}
.active-column-4 {text-align: right;}
.active-grid-column {border-right: 1px solid threedlightshadow;}
.active-grid-row {border-bottom: 1px solid threedlightshadow;}
.active-templates-row.gecko {
display: -moz-box;
width: auto;
min-width: 100%;
}
.active-row-highlight {background-color: #ddeeff!important}
.active-row-highlight .active-row-cell {background-color: #ddeeff;}
.active-mark-true .active-column-2 {color: #f00}
</style>
<script type="text/javascript">
try {
// create ActiveWidgets Grid javascript object
var obj = new Active.Controls.Grid;
// set number of rows/columns
obj.setRowProperty("count", 8);
obj.setColumnProperty("count", 4);
// 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");
obj.setSelectionMultiple(true);
var alternate = function(){
return this.getProperty("row/order") % 2 ? "#fcfaf6" : "#ffffff";
}
var mark = function(){
var i = this.getProperty("row/index");
return (i==2 || i==4 || i==5) ? true : false;
}
var row = new Active.Templates.Row;
row.setStyle("background", alternate);
row.setClass("mark", mark);
row.setEvent("onmouseover", "mouseover(this, 'active-row-highlight')");
row.setEvent("onmouseout", "mouseout(this, 'active-row-highlight')");
obj.setTemplate("row", row);
// set click action handler
obj.setAction("click", function(src){window.status = src.getItemProperty("text")});
// write grid html to the page
window.setTimeout(function(){
try {
document.getElementById("box").innerHTML = obj;
}
catch(e){
}
}, 100);
// document.write(obj);
}
catch(e){
}
</script>
</body>
</html>