On 4 May 2006 14:03:41 -0700, "Duncan" <DS********@googlemail.com>
wrote:
Thanks. That's pretty cool, hic, but it only seems to work with
Internet Explorer and not Firefox.
Mmm. I never tried it in FireFox...
Also, for many 'to-do' lists to share common 'tasks', would it be
possible to bring in the content from another html file? In other
words, the expansion would be content from another html file but it
would appear inline (in this html file).
Put the content of each 'task' into a seperate .html page then
"include" each page into the main .htm page using an iframe:
The original example code I posted would now look something like this:
<html>
<head>
<script language=javascript>
function ToDoList(todoitem) {
if (document.all) {
thisItem = eval("document.all." + todoitem + ".style")
if (thisItem.display == "block") {
thisItem.display = "none"
}
else {
thisItem.display = "block"
}
return false
}
else {
return true
}
}
</script>
<style type="text/css">
#Hold {display:none; margin-left:0px}
#Tilt {display:none; margin-left:0px}
#Drink {display:none; margin-left:0px}
</style>
</head>
<body>
<a href="#" onClick="return ToDoList('Hold')">Step 1</a>
<br>
<span id="Hold">
<iframe scrolling=No frameborder=0 marginheight=0 marginwidth=0
width=350 height=50 SRC="content1.htm"></iframe>
</span>
<a href="#" onClick="return ToDoList('Tilt')">Step 2</a>
<br>
<span id="Tilt">
<iframe scrolling=No frameborder=0 marginheight=0 marginwidth=0
width=350 height=50 SRC="content2.htm"></iframe>
</span>
<a href="#" onClick="return ToDoList('Drink')">Step 3</a>
<br>
<span id="Drink">
<iframe scrolling=No frameborder=0 marginheight=0 marginwidth=0
width=350 height=50 SRC="content3.htm"></iframe>
</span>
</body>
</html>
Obviosuly you'd have to adjust the sizes of the iframes according to
the size of your content...
Then create a .htm page for each of your "topics":
Content page 1:
<html>
<body>
<p>Your content for item 1 goes in this .htm page...</p>
</body>
</html>
Content page 2:
<html>
<body>
<p>Your content for item 2 goes in this .htm page...</p>
</body>
</html>
Content page 3:
<html>
<body>
<p>Your content for item 3 goes in this .htm page...</p>
</body>
</html>
