RE: Slides: positioning toc in left frame: answer

Title: Message

Well, 
I answered my own question: myList.build(<pixel spec>, <pixel spec>) 
changes the positioning. 

 

If the 
images come through on this list, here's what it looks like: 

 

  

  
-----Original Message-----
From: Ben Rogers 
  
Sent: Friday, October 24, 2003 9:43 AM
To: 
  ''
Subject: Slides: positioning toc 
  in left frame 

  
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="browser/slides.css">
      <link 
  type="text/css" rel="stylesheet" 
  href="browser/slides.css">
      <link 
  type="text/css" rel="stylesheet" href="browser/slides.css"><script 
  type="text/javascript" language="JavaScript1.2" src="browser/ua.js"> 
  </script><script type="text/javascript" language="JavaScript" 
  src="browser/xbDOM.js"> </script><script type="text/javascript" 
  language="JavaScript1.2" src="browser/xbStyle.js"> 
  </script><script type="text/javascript" language="JavaScript1.2" 
  src="browser/xbCollapsibleLists.js"> </script><script 
  type="text/javascript" language="JavaScript" src="javascript:void(0);"> 
  </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" 
  class="toc-foil"><img alt="-" 
  src="graphics/toc/doc.gif"></img><a href="javascript:void(0);" 
  target="foil">Heading 
  1</a></div>');
subList.addItem('<div id="d0e22" 
  class="toc-foil"><img alt="-" 
  src="graphics/toc/doc.gif"></img><a href="javascript:void(0);" 
  target="foil">Heading 1</a></div>');
myList.addList(subList, 
  '<div id="d0e4" class="toc-section"><a href="foilgrp01.html" 
  target="foil">Chapter 1</a></div>');
subList = new 
  List(false, width, height, 
  "#FFFFFF");
subList.setIndent(12);
subList.addItem('<div id="d0e44" 
  class="toc-foil"><img alt="-" 
  src="graphics/toc/doc.gif"></img><a href="javascript:void(0);" 
  target="foil">Heading 
  1</a></div>');
subList.addItem('<div id="d0e57" 
  class="toc-foil"><img alt="-" 
  src="graphics/toc/doc.gif"></img><a href="javascript:void(0);" 
  target="foil">Heading 2</a></div>');
myList.addList(subList, 
  '<div id="d0e39" class="toc-section"><a href="foilgrp02.html" 
  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>