js: Smileys tatsächlich per onclick als Smileys einfügen [Archiv] - PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr

PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen :
js: Smileys tatsächlich per onclick als Smileys einfügen

matcho

24-02-2010, 08:06

Hey,
die Überschrift sagt eigentlich alles.

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

<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

streuner

24-02-2010, 09:35

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 (http://www.html.de/javascript-ajax-und-dhtml/15409-smileys-bei-klick-ins-gaestebuchtextfeld-einfuegen.html)

mfg streuner

djbrainnrg

24-02-2010, 11:02

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

matcho

24-02-2010, 21:55

danke...

- -