JavaScript inside <SPAN>

Hi,

I have a group of values, basically its words and their synonyms. The “word” and it’s “synonym” have the same ID.
I’m creating it using <SPAN> like this, so it looks like a hyperlink.

FAST <span onclick="AddToContainer(‘1’)" style="cursor:hand;color:blue;text-decoration:underline">FAST</span>

WHILD<span onclick="AddToContainer(‘2’)" style="cursor:hand;color:blue;text-decoration:underline">WHILD</span>

QUICK<span onclick="AddToContainer(‘1’)" style="cursor:hand;color:blue;text-decoration:underline">QUICK</span>

SUNNY<span onclick="AddToContainer(‘3’)" style="cursor:hand;color:blue;text-decoration:underline">SUNNY</span>

PERFECT<span onclick="AddToContainer(‘4’)" style="cursor:hand;color:blue;text-decoration:underline">PERFECT</span>

BRIGHT<span onclick="AddToContainer(‘3’)" style="cursor:hand;color:blue;text-decoration:underline">BRIGHT</span>



I also have a SPAN called spContainer: <span id="spContainer" runat="server" />

What I need to do is upon clicking on each word add it to span container.
I also need to make it disable(not clickable) together with it’s synonym(s).
For example I click on FAST making it disabled, and at the same time make it’s synonym QUICK also disabled.

I need some help with JavaScript function AddToContainer.

Thank you

 

First of all, it's

cursor: pointer;

Code (markup):

.

 

What are you talking about?

 

"hand" is not valid for "cursor"; you probably want to use "pointer". Ex:

style="cursor: pointer;"

Code (markup):

Check out a pointer reference for all the valid properties.

Also, I'm concerned that you say that

An id should be unique within a page. Having multiple IDs within a page can break the DOM, and cause all kinds of issue with JavaScript.

I'm not familiar with AddToContainer as a JavaScript function. Native JavaScript functions generally start with a lower case letter (getElementById). What library is AddToContainer a part of?