Clickable Text, Clickable Text that changes on page content. Options

[mattak91]

Hello Everyone,

I am somewhat new to web design. I have been through a couple of courses. However, I was curious to know is there a way to have a list. Where I can click the words and have the descriptions of each change on the right. For example;

CODE

<ul>
<li>oak tree</li>
<li>maple tree</li>
<li>redwood tree</li>
</ul>

Where those would be clickable and to the right of my list I can have description display when clicking on each.

If some can point me in the right direct I would very much appreciate it.

Thank You,

This post has been edited by mattak91: Aug 18 2014, 10:13 AM

[Christian J]

The most reliable would be to load a new page that's identical to the first, except for the added description. This also lets the user bookmark the current description.

Or you could use a javascript, if you want the same page content to change right away when the user clicks. You can probably find lots of readymade such scripts on the web, pick one that still works for users that disable javascript.

It can also be done with links to an (inline) frame, but these cause lots of trouble, see http://htmlhelp.com/faq/html/frames.html#frame-problems

[mattak91]

The most reliable would be to load a new page that's identical to the first, except for the added description. This also lets the user bookmark the current description.

Or you could use a javascript, if you want the same page content to change right away when the user clicks. You can probably find lots of readymade such scripts on the web, pick one that still works for users that disable javascript.

It can also be done with links to an (inline) frame, but these cause lots of trouble, see http://htmlhelp.com/faq/html/frames.html#frame-problems

Thank You!

[tomhartman]

Have you considered adding description beneath the list and linking to it via anchor keywords? Or this is not the option in your case?