Click to See Complete Forum and Search --> : urgent advice needed


molish
06-14-2004, 08:08 AM
I am hoping that someone out there can help me out.

I am redesigning my site to remove the frames.

Basically I need to know how I can create a site where the index page is a static design/template. This template will contain a navigation menu down the left side of the page and the specific content of the site on the right side of the page.

I had 3 frames set up on my site. One for navigation down on the left, a title bar across the top and the main frame comprising the rest of the screen/window.

I want to be able to achive a similar effect but without using frames. Hence the navigation and title would be static on the page and the page content refreshes in a 'table' form in what would have been the main frame area.

I want to create an area of the page that will refresh with the content from the navigation menu when options are selected.

The main page will be the only 'page' as such of the site, with a small 'window' area of the page showing the content of each sub-page.

Can anyone help me out? How can I acheive this?

JPnyc
06-14-2004, 08:16 AM
That depends on what the content is. You said it's tabular, but are you pulling it from a database? How many different possibilities are there for that content? MAny or few?

molish
06-14-2004, 08:23 AM
The data isn't tabular.

I was trying to describe what I wanted to do. :)

The content that I want to open/call is just other pages in the site. However rather than the whole page changing to the new page, I want the navigation bar on the left and the title bar at the top to remain static with the remaining area only refreshing with the content of the new page.

Sort of like a TV. If the controls for the tv are down the left and the brand of the tv is at the top, when selecting a channel from the left (navigation menu) the content on the tv's screen refreshes/changes. Does that make sense? :)

JPnyc
06-14-2004, 08:30 AM
Well there's only 2 ways I know of to do this without using frames or inline frames:

1)write all the other pages on the home page and put them inside divs, then hide and show them according to which link is clicked. Changing the z-index is more or less the same effect, so I'll count it as 1 technique along with hide/show

2)use a div and put the HTML in a JS script, and use innerHTML to spit it out.

Either way, it's much more of a pain than just using an inline frame, or plain old frames. See this site for what I think it is you wanna do. It uses an inline frame:
martinsnewsshops.com

molish
06-14-2004, 08:37 AM
that is what I want to achieve yes.

How do I do it?

JPnyc
06-14-2004, 09:05 AM
Which method? The 1 you saw on that site I posted? That's an inline frame or <iframe>. You can copy the method from that site. If you mean the other methods, that's too much coding to put here. You would need to know javascript, do you know it?

molish
06-14-2004, 09:09 AM
Yeah the iframe page.

I'll have a look at that page again in more detail later and get the coding from there. Failing that I'll refer to my trusty html reference book. :)

Cheers. I now know what I want to do is called.

Much appreciated

JPnyc
06-14-2004, 09:10 AM
No problem. That's a much easier method than the others I described, and iframes are now supported by most every browser out there.