Changing table contents

**blue!** · 05-31-2009, 08:12 AM

I'm going to try to keep this simple.

I want to have a two-column table where, using javascript, I can click on images in cell 1 and have the contents in cell 2 change. Similar to this:

Code:

<head>
<SCRIPT language=JavaScript>
<!-- Begin
var description = new Array();
description[0] = "table one here";
description[1] = "table two here";
description[2] = "table three here";
description[3] = "table four here";
//  End -->
</SCRIPT>
</head>

<body>
<TABLE>
<TBODY>
<TR>
<TD width=200>

<A onmousedown="Words.innerHTML = description[0];">table one</A> <br>
<A onmousedown="Words.innerHTML = description[1];">table two</A> <br>
<A onmousedown="Words.innerHTML = description[2];">table three</A> <br>
<A onmousedown="Words.innerHTML = description[3];">table four</A> </TD>

<TD width=600><A id=Words>Click a link to the left..</A> </TD></TR></TBODY></TABLE>

</body>

This doesn't support much other than text-manipulation coding.. and I've got little skill if any at all. I found this script on javascript.internet.com

In short, I want to put several tables that are very similar to the following code into a single table to save a LOT of space.

Code:

<table border="0" cellpadding="0" cellspacing="0" width="499">	<tbody><tr><td border="0" colspan="2">
<b>Rune Essence</b></td></tr><tr><td border="0">
<img src="http://itemdb-rs.runescape.com/2649_scaleimg.gif?id=1436&scale=1&axis=0"></td><td border="0">
<img src="http://itemdb-rs.runescape.com/2649_graphimg.gif?id=1436&scale=1"></td></tr><tr><td border="0" colspan="2">
<img src="http://itemdb-rs.runescape.com/2649_scaleimg.gif?id=1436&scale=1&axis=2" width="499"></td></tr></tbody></table>

I have tried just putting that code into the description in the header, but it doesn't work. Can anyone help?

Thread: Changing table contents

Thread Tools

Search Thread

Changing table contents

Bookmarks

Bookmarks

Posting Permissions