Hi Dave,
Here is how to include Jude's solution for the small pupup window for
the glossary in the other texts. Also there is an explanation on how
to make the layout of the text simple using a "stylesheet" file containing
the definitions.
Hope that it is possible to understand what is going on....
cheers
Klaus
--------------------------------------------------
X-rays
------below is an example of a style file.--------------------------------
(There are more examples in the script directory - all files with *.css
endings - this one is taken directly from jude!! "sw_ch.css")
BODY {
background-color: #000000;
color: #ffffff;
}
H1 {
color: #ff0000;
background-color: #000000;
}
H1.c1 {
text-align:center;
}
H2 {
color: #ff0000;
background-color: #000000;
}
H3 {
color: #ff0000;
background-color: #000000;
}
P.c1 {
text-align:center;
}
A {
text-decoration:none;
}
A:link {
color: #ffff00;
background: black;
}
A:visited {
color: #ffff00;
background: black;
}
A:active {
color: #0000ff;
background: black;
}
.swap {
color: #00ff00;
background: black;
cursor: default;
}
.gloss {
color: #00ccff;
background: black;
cursor: help;
}
--------below is the glossary script "glossary.js"---------------------------
function glossary(glossaryTerm) {
var glossaryURL = 'glossary.html#';
glossaryURL += glossaryTerm;
var options = "width=500,height=150,";
options += "resizable=no,scrollbars=yes,status=no,";
options += "menubar=no,toolbar=no,location=no,directories=no";
if (!window.glossaryWin || glossaryWin.closed) {
var glossaryWin = window.open(glossaryURL,'glossaryWin',options);
glossaryWin.location.href = glossaryURL;
glossaryWin.focus();
} else {
glossaryWin.location.href = glossaryURL;
glossaryWin.focus();
}
}