I hate to do it, but please look at the source of this page for reference. I've marked with some comment tags the area of interest.
I'm working on a contexteditable text input area that i've formated to look kinda like the AIM message input area (just for flare.)
I'm working on making it insert smiley faces like AIM does... but its a lot harder than it sounds.
1. I need it to insert a smiley at the cursor position, then have the cursor after it. (thats how it is right now, sort of... I'm using 'insertAdjacentHTML' but that only works if the smiley is inserted at the very end of the text entered)
2. I'd like to be able to disable the resize handles on the smiley images.
3. I'd like to be able to adjust smiley sizes if they are contained within the current selection and the user clicks the increase or decrease font size buttons. (would be nice, would be hard, not really that necessary.)
I have some leads, some ideas, but I'm probably on the wrong track anyways. Anyone got any bright ideas? I pulled out mosta my hair looking through msdn documentation.