Re: Help - iframes / object / div's design

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Dariusz wrote:

Quoted text here. Click to load it

<body onload="hideAll()">
  <h1>Main Heading</h1>
  <ul class="nav">
    <li><a href="#foo1"
      onclick="hideAll();showPart(foo1);return false;">Foo 1</a></li>
    <li><a href="#foo2"
      onclick="hideAll();showPart(foo2);return false;">Foo 2</a></li>
    <li><a href="#foo3"
      onclick="hideAll();showPart(foo3);return false;">Foo 3</a></li>
  <div id="foo1">
    <h2>Foo 1</h2>
  <div id="foo2">
    <h2>Foo 2</h2>
  <div id="foo3">
    <h2>Foo 3</h2>

hideAll() is a JavaScript which sets the style of elements with id foo1,
foo2 or foo3 to 'display:none;'.

showPart(x) is a JavaScript that sets the style of the element with id x
to 'display:block;'

This structure should degrade very nicely in non-JavaScript browsers too.

Toby A Inkster BSc (Hons) ARCS | | pgp:0x6A2A7D39
    aim:inka80 | icq:6622880 | yahoo:tobyink |
   | "You've got spam!"

Site Timeline