Hey, I'm working on this code that puts a drop-down box above the quick reply, with the smiley names in it, and when you click on the name, it adds the smiley to the quick reply. The only problem, is that you can't add any smilies after you type something in the box. I have no idea why it works before you type in it, because it works fine until then, even adding multiple smilies. If anyone has any ideas why this isn't working, please post.


<script type='text/javascript'>
<!--

// Smiles - [Smiley Name, UBBC Code] -- Do not edit unless you want to add smilies
var allSmilies = [
   ['Happy', ' :)'],
   ['Wink', ' ;)'],
   ['Cheesy.', ' :D'],
['Grin', ' ;D'],
   ['Angry', ' >:('],
   ['Sad', ' :('],
   ['Shocked', ' :o'],
   ['Cool', ' 8-)'],
['Confused', ' ???'],
   ['Rolling', ' ::)'],
   ['Tongue', ' :P'],
   ['Embarassed', ' :-['],
   ['Sealed', ' :-X'],
   ['Undecided', ' :-/'],
   ['Kiss', ' :-*'],
   ['Crying', " :'("]
];

function addSmiley() {
var ta = document.getElementsByTagName('textarea');
var currentHTML = ta[0].innerHTML;
var whichSmiley = document.smileyForm.smiley.selectedIndex;
currentHTML += allSmilies[whichSmiley][1];
ta[0].innerHTML = currentHTML;
}
if(location.href.match(/thread=/)) {
var tds = document.getElementsByTagName('TD')
for(a=0; a<tds.length; a++) {
if(tds[a].width=='100%' && tds[a+1].align=='right') {
var b = a
}
}
var quickReply = tds[b].innerHTML;
var smileyHTML = '<form name="smileyForm"><select name="smiley" onchange="javascript: addSmiley()">'

for(i=0; i<allSmilies.length; i++) {
smileyHTML += '<option value="' + allSmilies[i][1] + '">' + allSmilies[i][0] + '</option>';
}

smileyHTML += '</select></form><br/>';

tds[b].innerHTML = smileyHTML + '' + quickReply;
}
//-->
</script>