Hi! I am new to the forum.
I became stuck with "getElementsByClass" script.
I have got "getElementByID" to work, but found out that I needed more than 1 ID...
My site has this layout, where the right hand side DIV shows an image when a particular link in the left hand side DIV is clicked. There are multiple links on the left hand side.
[DIV1 image][DIV1 link]
[DIV2 image][DIV2 link]
Before, with IDs, I was able to display an image in [DIV1 image] by clicking on a link in [DIV1 link]. However, when I clicked on a link in [DIV2 link], it displayed in [DIV1 image] and not [DIV2 image] like I had hoped. This is because I had both [DIV image] set to the same ID...
So now I am attempting at using class. Here is my script.
var allHTMLTags = new Array();
for (i=0; i<allHTMLTags.length; i++)
allHTMLTags[i].style.backgroundImage = "url("+imgName+")";
and the link in the html
<a href="#" onclick="changeDivBGround('happy.jpg'); return false;">Happy</a>
And it doesn't seem to work. I am using the latest version of Firefox.
The images have to be a background, because I have a transparent "template" image that goes on top.
Any help would be greatly appreciated!
Thank you very much in advance.