Smileys/Emoticons in textarea einfügen



  • Hi Leute,

    ich habe eine textarea und daneben eine Liste mit Smileys. Wenn der User nun auf einen der Smileys klickt, soll dieser in der Textarea erscheinen.

    Momentan mache ich das folgendermaßen:

    Funktion:

    <script type="text/javascript">
    <!--
    function smile(Zeichen)
    {
    document.form.comment.value =
    document.form.comment.value + Zeichen;
    }
    //-->
    </script>
    

    Aufruf:

    <a href="javascript:void()" onclick="smile(':omg:')">
    			<img src="div/guestbook/smileys/omg.gif" border="0" /></a>
    

    Anforderung 1: Es sollen nicht die texte, sondern die grafiken der smileys angezeigt werden.
    Anforderung 2: Die Smileys werden immer am Ende des Textes eingefügt ich hätte sie aber gerne an der aktuellen Cursorposition.

    Kann mir jemand helfen???
    thx, mfg
    dope_dope



  • HAllo,

    Anforderung 1: Unmöglich, da es sich bei dem textarea-tag um ein reines Textobjekt handelt, da haben OLE-Objekte wie Grafiken nichts zu suchen!

    Anforderung 2: Cursorposition ermitteln und den Text da einfügen...



  • Für 2. brauchst du dir ja nur den JavaScript-Code des Forums angucken (geht ganz einfach mit Firefox und der Webdev-Toolbar)

    Schau dir die Funktion insert_at_currser an.


Anmelden zum Antworten