---
title: "Infoga tecken på specifik position"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/18425-infoga-tecken-på-specifik-position"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Kim"
published: "2001-10-31T15:25:00.000Z"
updated: "2001-11-02T13:42:00.000Z"
replies: 5
views: 342
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/18425-infoga-tecken-på-specifik-position"
---

# Infoga tecken på specifik position

## #1 — Kim, 2001-10-31T15:25Z

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. :)

Permalänk: https://www.webforum.nu/p/18425

## #2 — Kim, 2001-11-01T08:52Z

Ingen som har en aning?

Permalänk: https://www.webforum.nu/p/335147

## #3 — Kim, 2001-11-01T18:25Z

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?

Permalänk: https://www.webforum.nu/p/335148

## #4 — eas, 2001-11-02T11:54Z

Hur gjorde du?

Är intereserad!!!

Permalänk: https://www.webforum.nu/p/335149

## #5 — Kim, 2001-11-02T12:05Z

```
<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! :)

Permalänk: https://www.webforum.nu/p/335150

## #6 — eas, 2001-11-02T13:42Z

**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 :q

Permalänk: https://www.webforum.nu/p/335151

---

Tråden på webben: https://www.webforum.nu/amne/javascript/18425-infoga-tecken-på-specifik-position