js: Smileys tatsächlich per onclick als Smileys einfügen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • js: Smileys tatsächlich per onclick als Smileys einfügen

    Hey,
    die Überschrift sagt eigentlich alles.

    Bisher nutze ich folgenden Codeschnipsel für das Einfügen.

    HTML-Code:
    <html>
      <head>
        <title>...</title>
        <script type="text/javascript">
              function emoticon(emo){
            area=document.forms.formname.textareaname;
            area.focus();
            if(document.selection){
            document.selection.createRange().text = emo;
            }else if(window.getSelection) {
            area.value = area.value.slice(0,area.selectionStart) + emo +
            area.value.slice(area.selectionEnd, area.textLength);
            }else{
            area.value+=emo;
            }
              }
        </script>
      </head>
      <body>
    
        <form name="formname" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST" enctype="text/html">
          <div align="center">
           <textarea name="textareaname" cols="50" rows="10"></textarea><br/>
    
            <a href="javascript:emoticon(':)')"><img border="0" src="smile.png"></a>
    
          </div>
        </form>
    
      </body>
    </html>
    Im Textarea erscheint dann eben : ) beim klicken, aber ich hätte gern die Grafik des Smileys darin...
    Kann mir jemand auf die Sprünge helfen?
    LG

  • #2
    Hi.

    Dann musst Du natürlich auch die Grafiken entsprechend einfügen. Hier gibt's dieselbe Frage + Lösungsansätze dazu:

    Smileys bei Klick ins Gästebuchtextfeld einfügen

    mfg streuner
    Erst wenn der letzte FTP Server kostenpflichtig, der letzte GNU-Sourcecode verkauft, der letzte Algorithmus patentiert,
    der letzte Netzknoten verkommerzialisert ist, werdet Ihr merken, dass Geld nicht von alleine programmiert.

    "Diese Software verdient die 3 großen GGG: --- Gesehen --- Gelacht --- Gelöscht ---"

    Kommentar


    • #3
      Also falls du meinst das direkt die Grafik IN der Textarea schon beim eingeben erscheinen soll dann wirds sehr umfangreich das ganze zu realisieren.

      Dazu brauchst du editable Iframes was Tricky ist.

      Allerdings machen dir das die ganzen Free WYSIWYG Editoren ganz einfach.

      Like

      TinyMCE
      FCKeditor (Neu: CKEditor)

      usw...

      MFG

      Kommentar


      • #4
        danke...

        Kommentar

        Lädt...
        X