manipulating text in a textarea

Greg Scharlemann · Dec 18, 2005

Hey all,

I'm working on setting up a "Send this link to a Friend" page. The
page has a couple of inputs and a textarea. I have some default text
in the textarea that is populated at the time of page load. What I
would like to do is replace the "Dear Friend" in the textarea with the
name of the friend once it is entered in the input.

I don't really know where to start...

Thanks for the help, Greg

Some code:
--------------------------------------------------------------
<html>
<head>
<title></title>
<script type="text/javascript">
var message = "Dear Friend,\n\Check this out: url\n\nEnjoy...";
function populateTextarea() {
document.sendMessageForm.messageArea.value=message;
}
</script>
</title>
<body onLoad="javascript

opulateTextarea();">
<form name="sendMessageForm">
Friends Name:  
<input type="text name="friendsName" /><br/>
Your Name:  
<input type="text" name="yourName" /><br/>
Message: 
<textarea rows="10" cols="80" name="messageArea"></textarea>
<br/>
<input type="submit" name="Send Message" />
</body>
</html>
-----------------------------------------------------

johkar · Dec 18, 2005

Greg said:
Hey all,

I'm working on setting up a "Send this link to a Friend" page. The
page has a couple of inputs and a textarea. I have some default text
in the textarea that is populated at the time of page load. What I
would like to do is replace the "Dear Friend" in the textarea with the
name of the friend once it is entered in the input.

I don't really know where to start...

Thanks for the help, Greg

Some code:
--------------------------------------------------------------
<html>
<head>
<title></title>
<script type="text/javascript">
var message = "Dear Friend,\n\Check this out: url\n\nEnjoy...";
function populateTextarea() {
document.sendMessageForm.messageArea.value=message;
}
</script>
</title>
<body onLoad="javascriptopulateTextarea();">
<form name="sendMessageForm">
Friends Name:  
<input type="text name="friendsName" /><br/>
Your Name:  
<input type="text" name="yourName" /><br/>
Message: 
<textarea rows="10" cols="80" name="messageArea"></textarea>
<br/>
<input type="submit" name="Send Message" />
</body>
</html>
-----------------------------------------------------

There a many ways to accomplish this, here is one:

function addressMessage(elm,myForm){
if(elm.value != '')

myForm.elements['messageArea'].value=myForm.elements['messageArea'].value.replace(/Friend/,elm.value);
}

<input type="text" name="friendsName"
onblur="addressMessage(this,this.form)" />

Note you had a quote missing in type="text"

Greg Scharlemann · Dec 18, 2005

Thanks Johkar...that works well...Greg

jack.murphy · Dec 19, 2005

You may want to look how we implemented Send-to-friend in
www.Deliverent.com

We found that the Send-to-friend is most effective when the sender
writes their own message instead of preparing a canned "sales-pitch"

Deliverent gives you the best of both world by automatically including
the HTML of the web page at the bottom of the email. This way the
website gets to make an indirect "sales pitch" and if the sender adds
their own message to the email, even better.

www.Deliverent.com is free to use on any site without restrictions and
has many more features then what I mentioned here.

Jack

Greg Scharlemann · Dec 19, 2005

johkar said:
There a many ways to accomplish this, here is one:

function addressMessage(elm,myForm){
if(elm.value != '')

myForm.elements['messageArea'].value=myForm.elements['messageArea'].value.replace(/Friend/,elm.value);
}

<input type="text" name="friendsName"
onblur="addressMessage(this,this.form)" />

I just attempted this using firefox and it doesn't seem to replace the
"Friend" text with the name typed into the box. Works well in IE... I
haven't tested it in any other browsers, but does anyone know what
about the above code firefox wouldn't like?

Thanks, Greg

Filename undefined for Blob ?	1	Oct 28, 2023
I dont get this. Please help me!!	2	Jan 24, 2023
HCaptcha - How to stop page from refreshing on submit if captcha is not checked/validated	1	Aug 29, 2023
Registration Form	7	Aug 30, 2023
Script to send email not working	1	Apr 10, 2023
Song requests	4	Aug 16, 2023
In javascript, XML File Create, File Save	2	Jul 17, 2023
Sort and count word pairs in a string	6	Jan 29, 2023

manipulating text in a textarea

Greg Scharlemann

johkar

Greg Scharlemann

jack.murphy

Greg Scharlemann

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads