Infoga tecken på specifik position

[Kim]

Finns det någon möjlighet att infoga en förutbestämd sträng vid en viss position i en textarea? Det är så att jag har en ruta där en massa text skrivs in för att redigera tidigare skrivna texter. Bredvid rutan finns en knapp och vid ett klick på den så ska en <br>-tagg stoppas in där markören befinner sig. Det duger alltså inte med att slänga in taggen sist i arean eftersom det kan vara en redigering av en redan befintlig text.

Jaja, ni kanske förstår. Hoppas att någon kan hjälpa mig.

------------------
de'nim

[Kim]

Ingen som har en aning?

------------------
de'nim

[Kim]

Jaja, med ett par funktioner som jag själv fick knåpa ihop så löste det sig. Men jag kanske har missat någon befintlig sak som fixar det där själv?

------------------
de'nim

[eas]

Hur gjorde du?

Är intereserad!!!


------------------
Schöndells webbsajt

[Kim]

<script language="javascript">

function storeCaret(textArea) {

    if(textArea.createTextRange) {
        textArea.caretPos = document.selection.createRange().duplicate();
    }
}

function insertAtCaret(textArea, text) {

    if(textArea.createTextRange && textArea.caretPos) {

        caretPos = textArea.caretPos;
        caretPos.text =
          caretPos.text.charAt(caretPos.text.length  - 1) == ' ' ?
            '<' + text + '>\n ' : '<' + text + '>\n' ;
        textArea.focus();
    } else {
        textArea.value = text;
    }
}
</script>

Lägg in dessa funktioner längst upp i dokumentet.

Så här ser HTML-koden ut för att hela tiden hålla aktuell position samt för att klicka på en knapp och då infoga något på rätt ställe.

<TEXTAREA NAME="text" ROWS="12" COLS="36" WRAP="virtual" onselect="storeCaret(this)" onclick="storeCaret(this)" onkeyup="st\
oreCaret(this)"></TEXTAREA>

<br><br>

<input type="button" name="brknapp" onClick="javascript:insertAtCaret(text, 'p');" value="P" style="width: 40; font-size: 7px;">

Lycka till!

------------------
de'nim

[eas]

Oj

Det var tjusigt.

Men om vi säger att jag skulle vilja lägga in t.ex. en bild; hur skulle jag göra då?

Jag skulle altså vilja ha en funktion som såg ut ungefär så här:

function insertImg(textArea, url){
caretPos = textArea.caretPos;
caretPos = '<img src="'+url+'">';
textArea.focus();
}

Går det att fixxa

------------------
Schöndells webbsajt

[Redigerat av eas den 02 nov 2001]