This is the mail archive of the docbook-apps@lists.oasis-open.org mailing list .


Index Nav: [Date Index] [Subject Index] [Author Index] [Thread Index]
Message Nav: [Date Prev] [Date Next] [Thread Prev] [Thread Next]
Other format: [Raw text]

[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>

Index Nav: [Date Index] [Subject Index] [Author Index] [Thread Index]
Message Nav: [Date Prev] [Date Next] [Thread Prev] [Thread Next]