1 message in org.oasis-open.lists.docbook-appsRE: Slides: positioning toc in left f...| From | Sent On | Attachments |
|---|---|---|
| Ben Rogers | Oct 24, 2003 11:33 am |  .bmp |
| Subject: | RE: Slides: positioning toc in left frame: answer | |
|---|---|---|
| From: | Ben Rogers (brog...@knowmadic.com) | |
| Date: | Oct 24, 2003 11:33:21 am | |
| List: | org.oasis-open.lists.docbook-apps | |
| Attachments: | ||
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: 'docb...@lists.oasis-open.org' 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!! -->
<FONT face=Arial