Move last X chars from one field to another

**NightAvatar** · 03-24-2008, 06:09 PM

Hello helpful people!

I have been browsing the forum a while and decided this place is so friendly that I will try my luck submiting my own question.

Here goes:

I need a javascript that can take all characters after the first X amount entered into a text field and move them to another when the user exits the field (using onblur?).

Kudos to anybody who can help!

**Master_script_maker** · 03-24-2008, 06:26 PM

HTML Code:

<textarea onBlur="document.getElementById('receive').value=this.value.substring(3)"></textarea>
<textarea id="receive"></textarea>

where 3 is the number of characters. Can work with input too, you just need the id.

**NightAvatar** · 03-24-2008, 06:55 PM

Excellent, Thanks!

That was perfect!

I forgot to say I needed the X characters removed from the first field as well as placed in the second field.

Any idea how to do that?

Thanks again for such a speedy response!

**Master_script_maker** · 03-24-2008, 09:54 PM

you want the characters removed in the first field and the text from the first, in the second?

HTML Code:

<textarea onBlur="document.getElementById('receive').value=this.value.substring(3);this.value=this.value.substring(3)"></textarea>
<textarea id="receive"></textarea>

**NightAvatar** · 03-25-2008, 07:41 AM

Thanks, but not quite like that.

I need the text that is moved to the second field removed from the first, while the beginning of the text remains.

For example, if I write "Hello World" in the first field, with 3 as the number to keep, then "Hel" will stay in the first, and "lo World" will be moved to the second field.

I hope that makes it clearer.

Kudos to whomever can help me out!

**rangana** · 03-25-2008, 08:06 AM

See if this code fit your heart's desire

I'll separate the presentation (JS) from the markups (html).

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
window.onload = function()
{
	document.getElementById('input').onblur = function()
	{
	document.getElementById('receive').value=this.value.substring(3);
	this.value=this.value.substring(0,3);
	}
}
</script>
<body>
<textarea id="input"></textarea>
<textarea id="receive"></textarea>
</body>
</html>