Using JavaScript to empty a textarea

**big_si** · Jul 31, 2002, 04:41

I've got a textarea with the following content in:

myname@website.com
anothername@website.com

What I want to do is empty the text area when the focus is on it, but only if the value is of that above. If the user has already edited the text area and focuses on it again, it shouldn't empty the area.

Any ideas?

Si

**tryangle** · Jul 31, 2002, 05:27

<input type="text" name="T1" size="30" value="myname@website.com" onFocus="if(this.value=='myname@website.com')this.value=''; maxLength="50">

This would be nice on SitePoint's Login

... <input type="text" name="T1" size="30" value="Unregistered" onFocus="if(this.value=='Unregistered')this.value=''; maxLength="50">

**big_si** · Jul 31, 2002, 05:36

Cheers for that.

I know how to do it with a single line text input (the one you've demonstrated), but I'm having troubles with multi line inputs (ie. textarea).
How do you say if a value = "myname@website.com
anothername@website.com" where there is a carriage return in between the two values?

Any more ideas?

**tryangle** · Jul 31, 2002, 06:18

**tryangle** · Jul 31, 2002, 08:48

Sorry,

I didn't pick up on the "textarea", must've been daydreaming...

<html>
<head>
<title>textarea</title>
<script>
function swap(){
set0.style.display='none';
set1.style.display='';
}
</script>
</head>

<body>
<form>
<div id="set0" style="display:''">
<textarea rows="5" cols="30" onFocus="swap()">myname@website.com&amp#13;anothername@website.com</textarea>
</div>
<div id="set1" style="display:'none'">
<textarea rows="5" cols="30"></textarea>
</div>
</form>
</body>
</html>