Dynamic menu, is it possible with only js and dom?

[Allhazred]

Hi I am a student in high school and am kind of teaching myself for a grade, and have decided to learn some javascript. As such I have no formal training in its myriad uses, but I think this is posible.

Here is the proposition: I have an iframe in the center of the index page, I use this iframe to view the rest of the site. I would like to change certain of the menu items based on the current page viewed in the iframe.

So it breaks down into: iframe src="page1" in the html and I have my menu links. I would like it if the links would switch based on the contents of the iframe. So that if you click the link to page2, that link is switched with one back to page1.

Any help is greatly appreciated.

[CloudedVision]

i would stay away from iframes. is it necessary to use one?

[Allhazred]

No, not really just expanding my proverbial horizons.

[Aso]

Stick to HTML, CSS, Javascript and the DOM.

You could design all the pages of your site, using HTML and CSS, and then pull in each page using AJAX, so the browser doesn't have to reload. But if the user has Javascript disabled, they can navigate each page seperately.

Another alternative is to have div blocks with each section's content, all in one HTML page. Then use Javascript to hide the blocks when the DOM is ready, and display each one when it is called with a link. Again, if Javascript is disabled, the user can just browse the entire page, scrolling down for each section.

[Allhazred]

aso186,

With the divs, would you hide them with visibility or a high negative left?

As far as AJAX is there a tutorial or book that you would recomend for begginers? Most of the things that I have found on the subject seem to assume apriori knowlege, or would go well with a web development class.