Div erstellen bei neuer Zeile in Textarea

Seite

Beiträge: 478
Registriert: Aug 2007

28.10.2014, 08:29

Lang ists her, ich steh vor einem Problem.

Habe auf meiner Seite ein Textfeld id="vtext". Ich hole mir mit folgendem js den Inhalt und erstelle aus dem eingetragenen Text Container in #target div mit dem jeweiligen Inhalt, das funktioniert schon prima.

Ich möchte aber, dass die bereits erstellen divs nicht mehr gelöscht und neu erstellt werden sondern nur die Zeilen die im textarea neu hinzu gekommen ist, dies aber sobald sich im textarea was verändert.

Das sich das alles neu erstellt liegt an der for schleife, aber wie könnte ich das lösen?
Ich bin für euere Antworten sehr dankbar!

ActionScript:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24 $('#vtext').keyup(function() { var keyed = $(this).val().replace(/\n/g, '<br/>'); $("#target div").text(keyed); entered = $('#vtext').val(); lines = entered.split(/\n/); var count = lines.length; opttext = ""; opttext2 = ""; var xcount = count-1; for (var i in lines) { opttext += '<section style="float:left; width:100%;"><div id="row'+i+'" style="float:left; width:100%;"><p>'+ lines[i] + '</p></div></section>'; opttext2 += '<div id="opt'+i+'" style="float:left; width:100%; margin-top:0.5em; margin-bottom:0.5em;"></div>'; } $('#target').html(opttext); $('#irows').html(opttext2); for(var i in lines) { $('#opt'+i).load('typo3conf/ext/dxlshopcart/Resources/Public/JavaScript/settings.php', { tid: i }); } $("#target").css("width","100%"); });