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>

**beetle** · Jul 31, 2002, 10:09

You could use a regular expression with \n\r

User Tag List

Thread: Using JavaScript to empty a textarea

Thread Tools

Display

Using JavaScript to empty a textarea

Way Cool...

Wild Guess...

This works...

Bookmarks

Bookmarks

Posting Permissions