Smileys i textarea

Noget i stil med:

<textarea id="txta" name="texta"></texta>
<a href="#" onclick="return indsaetSmily()">Smily</a>
<script type="text/javascript">
  function indsaetSmily()
  {
      txta = document.getElementById('txta').value;
      txta = txta + '<img src="smily.gif" alt="smily">';
      document.getElementById('txta').value = txta;
      document.getElementById('txta').focus();
      return false;
  }
</script>

Det skal være selve smileyen man trykker på.

Hej

spørgsmålet hører egentligt til i js kategorien.

Jeg har fundet dette her på E og anvender det i min gæstebog. dette lille script indsætter f. eks :) i textboxen i selve gæstenogen lan du så laver en lille parser der udskifter :) => billed.

tilpas formnavn.textarea navn

mvh gf

  <script type="text/javascript">
function strInsert(input_str,insert_str,insert_position) {
        return input_str.substring(0,insert_position)+insert_str+input_str.substr(insert_position);
}
var fokus = false;
    var cursorpos;
    function insertSmiley(frmElm,smiley) {
        if (frmElm.selectionEnd != undefined) {cursorpos=frmElm.selectionEnd+smiley.length;frmElm.value = strInsert(frmElm.value,smiley,frmElm.selectionEnd);}
        else if (document.selection && fokus) {r = document.selection.createRange();r.text = smiley;}
        else if (document.selection == undefined) frmElm.value += smiley;
        else;
    }
    function mozPlaceCursor(frmElm) {
        if (frmElm.selectionEnd != undefined && cursorpos != undefined) {
            frmElm.setSelectionRange(cursorpos,cursorpos);
        }
    }
</script>

<img src='smileys/smile.gif'/ onMouseDown="insertSmiley(document.form1.felt,':)');" onMouseUp="document.form1.felt.focus();mozPlaceCursor(document.form1.felt);" />