---
title: "Visa innehåll från <input> till en div-tag i realtid"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/118849-visa-innehåll-från-input-till-en-div-tag-i-realtid"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Mannen"
published: "2004-12-28T23:17:46.000Z"
updated: "2004-12-29T10:40:19.000Z"
replies: 7
views: 419
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/118849-visa-innehåll-från-input-till-en-div-tag-i-realtid"
---

# Visa innehåll från <input> till en div-tag i realtid

## #1 — Mannen, 2004-12-28T23:17Z

Som rubriken lyder.
Kan jag utifrån det som skrivs i ett formulär få den information att direkt visas i en \<div\>TextSomSkaVisasHär\</div\>.

Typ

Namn: Agd

Då visas.
\<div\>Agd\</div\>

Hoppas ni förstår vad jag menar :)

Tack på förhand.

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

## #2 — dectgap, 2004-12-28T23:47Z

```
<script type="text/javascript">
String.prototype.removeHtml = function() {
   var t = this.replace(/&/g, "&amp;amp;");
       t = t.replace(/>/g, "&gt;");
       t = t.replace(/</g, "&lt;");

   return t;
}
</script>

<input type="text" onkeyup="document.getElementById('t').innerHTML = this.value.removeHtml()" />

<div id="t"></div>
```

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

## #3 — @nders, 2004-12-29T07:23Z

Så här menade dectgap:

```
   var t = this.replace(/&/g, "&amp;amp;");
```

webForum ersätter lite felaktigt ibland.

mvh

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

## #4 — dectgap, 2004-12-29T10:18Z

Tack för påpekandet.
Jag har för vana att inte förhandsgranska eller gå tillbaka till inlägg jag har skrivit.

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

## #5 — Mannen, 2004-12-29T10:23Z

Tackar, det fungerade ju alldeles utmärkt.
Har dock en följdfråga. I min \<div\>-tag fylls ju texten i.

Men, gör man inte en radbrytning fortsätter den ut och kan bli oändligt lång. Och eftersom jag hatar oändligheten med allt vad det innebär så vill jag inte ha det så.

Kan man få till ett automatiskt radbyte efter tex. 200 pixlar?

Ps: Ska jag sätta tråden som löst eller vänta tills detta är löst?

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

## #6 — jawbreaker, 2004-12-29T10:30Z

Det enklaste är väl att sätta en fast bredd på div:en.

```
<div id="t" style="width: 200px;"></div>
```

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

## #7 — dectgap, 2004-12-29T10:31Z

Så länge du har något whitespace-tecken som webbläsaren kan radbryta kring kommer du inte att få dessa oändligt långa rader, men du skulle kunna skriva

```
<div id="t" style="width: 200px; overflow: auto"></div>
```

för att #t inte ska bli längre än 200px.

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

## #8 — Mannen, 2004-12-29T10:40Z

Underbart!

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/118849-visa-innehåll-från-input-till-en-div-tag-i-realtid