Textfeld mit Eigenschaften kopieren

T

tutor0

Grünschnabel
Ich habe in meiner HTML-Website 2 div-Container.
In dem ersten Container ist ein Textfeld.
Der 2. ist leer.

Nach 5 s soll der leere div mit dem ersten Textfeld gefüllt werden.
Nach dem Kopieren soll man einfach im 2. Feld weiterschreiben können.
Dabei sollte nicht nur das Textfeld an sich, sondern auch der text und der Cursorstand übertragen werden.

Ich hoffe, dass mir jemand helfen kann
Mit freundlichen Grüßen
tutor0
 
Hi tutor0,

So sollte es funktionieren:
HTML: 
<!doctype html>
<html>
	<head>
		<script>
			function move() {
				document.getElementById('zweites-div').appendChild(document.getElementById('textfeld'));
				document.getElementById('textfeld').focus();
			}
		</script>
	</head>
	<body onload="window.setTimeout('move();', 5000);">
		<div style="width: 500px; height: 200px; background-color: red;">
			<textarea id="textfeld"></textarea>
		</div>
		<div id="zweites-div" style="width: 500px; height: 200px; background-color: blue;"> 
		</div>
	</body>
</html>
Einfach Element per appendChild() im andere Div adden, der Rest erledigt sich eigentlich von alleine!
.focus() sorgt dafür, dass Cursor/Caret die gleiche Position hat.

javaDeveloper2011
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück