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:
<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.
<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?
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:
<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.
<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?