What to do...

[Jam-ez]

Hi,

I have a layout, which features this code (as a base).

<div id="main_header"></div>
<div id="main_title">title</div>
<div id="main_middle">
content
</div>
<div id="main_bottom"></div>

But, I'm stuck for ideas - how would I made it so when the navigation is clicked the information changes? Would I need to make separate pages with the code repeated and iframe them in?

Any ideas are appreciated, thanks.
James.

[BoyBetterKnow]

use jQuery ajax ?

[Lucas0123]

James I will Help you, ill speak to you laters.

[Fehm]

You could add an iFrame in the middle bit, use Dynamic Drive or google.

Your links would then be
<a href="LINK" target="iframe_name">Contact Us whatever</a>

And the page that is in the href="" would open into the target iframe ;P
Hope I helped! Ill have a look around for some codes

[Jam-ez]

You could add an iFrame in the middle bit, use Dynamic Drive or google.

Your links would then be
<a href="LINK" target="iframe_name">Contact Us whatever</a>

And the page that is in the href="" would open into the target iframe ;P
Hope I helped! Ill have a look around for some codes

Done it with Javascript. On onclick called a function.. don't have the exact code but it simply changed the display of the inactive divs to

display: none;

... wasn't too hard!

[Fehm]

=]! Glad you sorted it!

[Blinger1]

For others reference:

I am guessing you used a code a little like this?

function toggle_visibility(id) {
     var e = document.getElementById(id);
     if(e.style.display == 'none')
          e.style.display = 'block';
     else
          e.style.display = 'none';
}

and it is called like this

<div id="foo">Wow, this is rly rly cool m8</div>
<a href="#" onclick="toggle_visibility('foo');">click!

[/html]