First web site - need help with javascript

[Peter Jones]

Hi,
I'm in the process of designing a web site for my wedding. This is my
first attempt at web design of any sort. I have the basic design done
and I am now at the point where I want to start adding some content. I
am having a problem with one page, the URL is:

http://www.peterj1974.plus.com/weddingdetails.htm

The left hand side will be link and I want the content to be displayed
in the main area. So for example, when someone clicks on ceremony, the
information on the ceremony will be displayed etc etc. I'd like to try
and do this with out creating a separate page for each menu item. Is
this possible, if so can some one give me some instructions.

Thanks

[Reply Via Newsgroup]

Peter Jones wrote:

Hi,
I'm in the process of designing a web site for my wedding. This is my
first attempt at web design of any sort. I have the basic design done
and I am now at the point where I want to start adding some content. I
am having a problem with one page, the URL is:

http://www.peterj1974.plus.com/weddingdetails.htm

The left hand side will be link and I want the content to be displayed
in the main area. So for example, when someone clicks on ceremony, the
information on the ceremony will be displayed etc etc. I'd like to try
and do this with out creating a separate page for each menu item. Is
this possible, if so can some one give me some instructions.

Thanks

As a quick answer I would think you would not have to use javascript to
get where you want to go - Instead, you could use an IFRAME to the right
of your menu - Give it a name (for example, call it WORKAREA) then, use
TARGET=WORKAREA in your links on the right...

Does that help you any?

randelld

[kaeli]

In article <6e************ **************@ posting.google. com>,
pe***********@h otmail.com enlightened us with...

Hi,
I'm in the process of designing a web site for my wedding. This is my
first attempt at web design of any sort. I have the basic design done
and I am now at the point where I want to start adding some content. I
am having a problem with one page, the URL is:

http://www.peterj1974.plus.com/weddingdetails.htm

The left hand side will be link and I want the content to be displayed
in the main area. So for example, when someone clicks on ceremony, the
information on the ceremony will be displayed etc etc. I'd like to try
and do this with out creating a separate page for each menu item. Is
this possible, if so can some one give me some instructions.

Sure, assuming supporting recent DOM browsers such as IE and Netscape 6+
are sufficient for this personal site.

Make a div and give it an ID.
<div id="main"></div>

When someone clicks a link, call a javascript function that writes the
appropriate content to the div.
<a href="#" onClick="writeC ontent('Ceremon y');return false;">Ceremon y
</a>

The innerHTML property should suffice if we're keeping this simple.

(watch for word wrap)

function writeContent(wh ich)
{
if (document.getEl ementById)
{
if (which == 'Ceremony')
{
document.getEle mentById("main" ).innerHTML = "some string of text
etc";
}
else if (which == 'Reception')
{
document.getEle mentById("main" ).innerHTML = "some other string of
text etc";
}
}
}

You can get fancy by storing the values for the various links in an
array and referencing that instead. It's easier to modify, but a tad
more complicated to "get" if you're new to programming.

HTH

--
--
~kaeli~
Those who get too big for their britches will be exposed in
the end.
http://www.ipwebdesign.net/wildAtHeart
http://www.ipwebdesign.net/kaelisSpace

[Dennis M. Marks]

In article <6e************ **************@ posting.google. com>, Peter
Jones <pe***********@ hotmail.com> wrote:

Hi,
I'm in the process of designing a web site for my wedding. This is my
first attempt at web design of any sort. I have the basic design done
and I am now at the point where I want to start adding some content. I
am having a problem with one page, the URL is:

http://www.peterj1974.plus.com/weddingdetails.htm

The left hand side will be link and I want the content to be displayed
in the main area. So for example, when someone clicks on ceremony, the
information on the ceremony will be displayed etc etc. I'd like to try
and do this with out creating a separate page for each menu item. Is
this possible, if so can some one give me some instructions.

Thanks

The easiest way would be to modify your table so there is a cell where
you want the pages to appear. In this cell create an <iframe
id="frameName"> </iframe>. This will act as a window. On the left create
<a href=xxx target="frameNa me">xxx</a>.

Use CSS to set the size of the iframe.

There are other methods, such as using innerhtml, which others will be
sure to show you.

..

--
Dennis M. Marks
http://www.dcs-chico.com/~denmarks/
Replace domain.invalid with dcsi.net
-----= Posted via Newsfeeds.Com, Uncensored Usenet News =-----
http://www.newsfeeds.com - The #1 Newsgroup Service in the World!
-----== Over 100,000 Newsgroups - 19 Different Servers! =-----