Smiley - drag and drop

Har massa smileys som jag kan klicka på och så hamnar en bit kod i en textarearuta. Men hur gör jag för att även kunna dra och skäppa den i textarearutan där jag vill ha den?!?

Nuvarande kod

<a href="#" onclick="document.form.falt.value=document.form.falt.value+'[smiley_1]';"><img src="smiley_1.gif" border="0"></a>

Gör ett drag and drop script för bilder, och när du väl släpper bilden så kollar du:
1. att det är den önskade textarean.
2. bildens id du drar, för att lägga in rätt tecken som mostsvarar den.

Jaa, om jag ändå visste hur man gjorde!

Att lägga den på rätt ställe i texten kan vara svårt eftersom det inte finns någon carret (markör) när du inte har textarean aktiv (vilket den inte är när du gör en drag'n'drop). Men om det räcker att den läggs till sist kan du göra så här;

<script type="text/javascript">
var marked=null;
window.onmouseup=function(){ marked=null; }
</script>

<form>
<textarea cols="20" rows="5" name="foo" onmouseup="this.value+=(marked)?marked:'';"></textarea>
</form>
<img src="smiley.gif" width="20" height="20" ondrag="return false;" onmousedown="marked=':)'; return false;">

I koden jag har nu läggs smileyn till sist! Så det finns inget enkelt sätt :/

Huuum, harkel.

Jojoxx, the master skrev:

Att lägga den på rätt ställe i texten kan vara svårt eftersom det inte finns någon carret (markör) när du inte har textarean aktiv (vilket den inte är när du gör en drag'n'drop). Men om det räcker att den läggs till sist kan du göra så här;

Nej Åsa, det går inte. Du kan, vad jag vet, i alla fall lägga till en smiley där du har markören.