This is the mail archive of the
docbook-apps@lists.oasis-open.org
mailing list .
[docbook-apps] Slides: positioning toc in left frame
- From: "Ben Rogers" <brogers at knowmadic dot com>
- To: <docbook-apps at lists dot oasis-open dot org>
- Date: Fri, 24 Oct 2003 09:42:55 -0700
- Subject: [docbook-apps] Slides: positioning toc in left frame
Title: Message
Hello,
I'm customizing the
slides code to produce an online help system. Except for the lack of an
hyperlinked index and search (which I hope to get to soon), I've managed to
pretty much reproduce what WebWorks generates with its 2.0 template. However, my
_javascript_ toc is always positioned in the upper left (0,0). I need to be able
to control it's location in the left-hand frame. The output for the toc looks
like that below. Any ideas?
ben
<html>
<head>
<meta
http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1">
<title>TOC - </title>
<link
type="text/css" rel="stylesheet"
href="">
<link
type="text/css" rel="stylesheet"
href="">
<link
type="text/css" rel="stylesheet" href=""><script
type="text/_javascript_" language="_javascript_1.2" src="">
</script><script type="text/_javascript_" language="_javascript_"
src=""> </script><script type="text/_javascript_"
language="_javascript_1.2" src=""> </script><script
type="text/_javascript_" language="_javascript_1.2"
src=""> </script><script
type="text/_javascript_" language="_javascript_" src="">
</script><script language="_javascript_"
type="text/_javascript_">
function init() {
var width = 250,
height = 22;
myList = new List(true, width, height,
"#FFFFFF","graphics/toc/fc.gif","graphics/toc/fo.gif");
subList = new
List(false, width, height,
"#FFFFFF");
subList.setIndent(12);
subList.addItem('<div id="d0e9"
><img alt="-"
src=""></img><a href=""
target="foil">Heading 1</a></div>');
subList.addItem('<div
id="d0e22" ><img alt="-"
src=""></img><a href=""
target="foil">Heading 1</a></div>');
myList.addList(subList,
'<div id="d0e4" ><a href=""
target="foil">Chapter 1</a></div>');
subList = new List(false,
width, height, "#FFFFFF");
subList.setIndent(12);
subList.addItem('<div
id="d0e44" ><img alt="-"
src=""></img><a href=""
target="foil">Heading 1</a></div>');
subList.addItem('<div
id="d0e57" ><img alt="-"
src=""></img><a href=""
target="foil">Heading 2</a></div>');
myList.addList(subList,
'<div id="d0e39" ><a href=""
target="foil">Chapter 2</a></div>');
myList.build(0,0);
}
</script><style type="text/css">#spacer {
position: absolute; height: 154;
}
</style></head>
<body
>
<!--I
want to put stuff here and have the toc appear below it!!
-->
</body>
</html>