//
//
//
//
// Page 3 contents.
// |
//
//
//
//
//
//
// The tables are used to make everything align. They could be inserted
// automatically but I like the flexibility to being able to define
// them explicitly so that I can experiment with the look and feel.
//
// The technique used here for onload is very primitive but extremely
// simple. It is based on replacing window.onload.
//
// The figure below shows how I defined a simple class named Index in
// the jdl namespace and instantiated it as a singleton. I then call
// jdl.Index.Main() to get things going when the script is loaded.
//
// The class has the following layout in C++ like pseudo-code:
//
// namespace jdl
// {
// class Index
// {
// public:
// var m_tab = null;
// var m_page = null;
// function GradientAdjust() {...}
// function Gradient() {...}
// function Setup() {...}
// function Main() {...}
// };
// }
//
// In javascript namespaces and classes are defined using JSON syntax.
var jdl = jdl ? jdl : {};
jdl.Index = function() {
return {
m_tab : null,
m_page : null,
GradientAdjust : function(v)
{
if (v<0)
return 0;
if (v>255)
return 0;
return v;
},
Gradient : function(h,s,r0,g0,b0,r1,g1,b1)
{
r0 = jdl.Index.GradientAdjust(r0);
g0 = jdl.Index.GradientAdjust(g0);
b0 = jdl.Index.GradientAdjust(b0);
r1 = jdl.Index.GradientAdjust(r1);
g1 = jdl.Index.GradientAdjust(g1);
b1 = jdl.Index.GradientAdjust(b1);
var rs = (r1-r0)/s;
var gs = (g1-g0)/s;
var bs = (b1-b0)/s;
var e0 = document.getElementById("jdlIndexGradient");
var div0 = document.createElement("div");
//div0.style.position = 'absolute';
div0.style.left = e0.style.left;
div0.style.top = e0.style.top;
div0.style.zIndex = 0;
div0.style.borderWidth = 0;
div0.style.borderHeight = 0;
var table = document.createElement("table");
table.border = 0;
table.style.borderWidth = 0;
table.style.borderHeight = 0;
table.cellPadding = 0;
table.cellSpacing = 0;
table.width = "100%";
var tbody = document.createElement("tbody");
var tr = document.createElement("tr");
tbody.appendChild(tr);
table.appendChild(tbody);
div0.appendChild(table);
e0.parentNode.appendChild(div0); // sibling
for(var i=0;i