webForumDet fria alternativet

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

JavaScript

7 svar · 408 visningar · startad av Mannen

Medlem sedan jan. 2003247 inlägg
Frågan#1

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.

Medlem sedan sep. 20021 655 inlägg
#2
<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>
Medlem sedan juni 200032 967 inlägg
#3

Så här menade dectgap:

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

webForum ersätter lite felaktigt ibland.

mvh

Medlem sedan sep. 20021 655 inlägg
#4

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

Medlem sedan jan. 2003247 inlägg
#5

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?

Medlem sedan jan. 2003296 inlägg
#6

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

<div id="t" style="width: 200px;"></div>
Medlem sedan sep. 20021 655 inlägg
#7

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.

Medlem sedan jan. 2003247 inlägg
#8

Underbart!

282 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
142 ms — deklarationer (db)
0 ms — hämta statistik (cache)
137 ms — hämta tråd, inlägg och bilagor (db)
136 ms — ändringar (db)