Indsæt tegn i tekst dér hvor cursoren står

prøv:
<script type="text/javascript">
function strInsert(input_str,insert_str,insert_position) {
        return input_str.substring(0,insert_position)+insert_str+input_str.substr(insert_position);
}
var fokus = false;
function insertSmiley(frmElm,smiley) {
        if (frmElm.selectionEnd) {frmElm.value = strInsert(frmElm.value,smiley,frmElm.selectionEnd);}
        else if (document.selection.createRange && fokus) {r = document.selection.createRange();r.text = smiley;}
        else frmElm.value += smiley;
}
</script>

<form name="form">
<input type="button" onmousedown="insertSmiley(this.form.felt,':-)');">
<textarea name="felt" onfocus="fokus = true;" onblur="fokus = false;">kjh jrhgs h stksj thsj hsh</textarea>
</form>

inden jeg kommer for godt i gang skal jeg lige give lidt credit til grunken som lavede IE-delen af scriptet:
http://www.eksperten.dk/spm/409177

CreateRange fungerer kun i IE, ik'?

jo det er derfor jeg bruger selectionEnd, som er den mest direkte måde at gøre det på i mozilla

...hov inden jeg kommer for hurtigt i gang, så kan man godt lave disse ranges i mozilla - det er mere document.selection som der kun virker i IE ;-)

...læg desuden mærke til at hvis browseren ikke kender nogle af disse ting så indsætter den bare smileyen til sidst.

...og så kan man lige sikre sig at IE ikke indsætter den til sidst hvis der ikke er fokus på den:
function insertSmiley(frmElm,smiley) {
        if (frmElm.selectionEnd) {frmElm.value = strInsert(frmElm.value,smiley,frmElm.selectionEnd);}
        else if (document.selection && fokus) {alert("JADA");r = document.selection.createRange();r.text = smiley;}
        else if (document.selection == undefined) frmElm.value += smiley;
        else;
}

Det ser spændende ud. Jeg prøver det snart.

Det virker tilsyneladende præcis efter hensigten i alle nyere browsere (bortset fra Opera). Cursor'en stiller sig dog ikke efter den nyindsatte smiley - men forsvinder helt. Det betyder, at der i IE kun kan klikkes én gang på knappen af gangen. Hvordan løses det?

du kan fx skrive:
<input type="button" onmousedown="insertSmiley(this.form.felt,':-)');" onmouseup="this.form.felt.focus();">

Forresten glemte jeg at fjerne alert("JADA"); i funktionen - så husk lige at slette den ;-)

Ja, i IE virker det glimrende, men Netscape sætter cursor'en i slutningen af teksten, efter smiley'en er indsat et sted midt i teksten. Er det muligt at undgå?

hmm, umiddelbart ved jeg det ikke lige - men det kan være jeg kan finde ud af noget...

jo, minsandten om det ikke lykkedes :-)
<script type="text/javascript">
function strInsert(input_str,insert_str,insert_position) {
        return input_str.substring(0,insert_position)+insert_str+input_str.substr(insert_position);
}
var fokus = false;
    var cursorpos;
    function insertSmiley(frmElm,smiley) {
        if (frmElm.selectionEnd != undefined) {cursorpos=frmElm.selectionEnd+smiley.length;frmElm.value = strInsert(frmElm.value,smiley,frmElm.selectionEnd);}
        else if (document.selection && fokus) {r = document.selection.createRange();r.text = smiley;}
        else if (document.selection == undefined) frmElm.value += smiley;
        else;
    }
    function mozPlaceCursor(frmElm) {
        if (frmElm.selectionEnd != undefined && cursorpos != undefined) {
            frmElm.setSelectionRange(cursorpos,cursorpos);
        }
    }
</script>

<form name="form1">
<input type="button" onmousedown="insertSmiley(this.form.felt,':-)');" onmouseup="this.form.felt.focus();mozPlaceCursor(this.form.felt);">
<textarea name="felt" onfocus="fokus = true;" onblur="fokus = false;">kjh jrhgs h stksj thsj hsh</textarea>
</form>

Det er så flot! Nu virker det perfekt i alt andet end Opera. Ved du, om de har nogle planer om at understøtte createrange i næste version?

nej desværre - Opera nævner ikke noget direkte på deres hjemmeside. Men i deres forum er der mange der spørger om netop dette emne med cursor positions, og mange mener der bør være en mulighed for det. Desuden er fx createRange en del af W3C's DOM standard og jeg mener Opera plejer at være nogenlunde tro mod disse - og med den opbakning kan jeg næsten ikke andet end tro at der må komme en mulighed for det i kommende versioner.

Men generelt må du også finde dig i at det ikke virker i alle browsere, da metoderne er forholdsvis nye - i hvert fald mozillas, med deres selectionEnd og -Start, som først i nyere versioner har virket ordentligt. Men så længe smileyen i hvert fald bliver placeret til sidst burde de flestes behov også være nogenlunde dækket - selvom jeg er enig i at det ville være bedst selv at kunne bestemme. Desuden er jeg sikker på mange også efterhånden vil nøjes med blot at skrive smileyen i stedet for at trykke på en knap - det går jo også meget hurgtigere ;-)

Du skal have tak. Smid et svar :)

jamen værsågod - og tak for spørgsmålet. Det var interesant at få det til at virke ordentligt i både IE og Mozilla :-)

Den havde jeg ikke hørt før ;) Velbekomme...