Smilie Funktion

[Nightskill]

hi Leute,
habe mal eine frage und zwar:
Ich baue mir gerade eine Homepage. Dazu wollte ich für ein Gästebuch-Formular Smilies verfügbar machen.
Ich habe nur keine Ahnung, wie ich es hingriege, das wenn man auf den Smilie draufklickt, dass der SmilieCode dann in dem Textfeld steht:?:
Geht das überhaupt mit HTML oder muss ich das über JavaScript machen?
Hoffe jemand kennt eine lösung.

mfg Nightskill

 

[BcF]

Das wirst du wohl oder übel mit JavaScript machen müssen.

Die erste Möglichkeit wäre den Smiley ganz einfach ans Textende dranzuhängen:

<!-- Eine kleine Funktion um Schreibarbeit zu sparen -->
<script type="text/javascript">
  //<![CDATA[
    function addSmiley(smile) {
      document.getElementById('message').value += smile;
    }
  //]]>
</script>
<!-- Die Buttons zum Einfügen + Textfeld -->
<img src="smile.gif" alt="Smile" [B]onclick="addSmiley('[COLOR=Green]:)[/COLOR]')"[/B] />
<img src="sad.gif" alt="Sad" [B]onclick="addSmiley('[COLOR=Green]:([/COLOR]')"[/B] />
<img src="wink.gif" alt="Wink" [B]onclick="addSmiley('[COLOR=Green];)[/COLOR]')"[/B] />
<textarea [B]id="message"[/B] rows="5" cols="40"></textarea>

Ich hoffe das Prinzip wird klar.

Die zweite Möglichkeit ist es, den Smiley an der Cursorposition einzufügen, aber das ist hier wohl besser erklärt als wenn ich das jetzt versuche ;)
javascript: Formulare: Text an Cursorposition einfügen

 

[Nightskill]

Super!
Vielen Dank für die Antwort :)
Das 1. war direkt ein treffer ;Jump