trying to write to textarea based on user input

**GregD493** · 01-02-2004, 12:05 AM

hello,

I am trying to write to multiple textarea boxes

we have multiple banners and would like to include the link code in a textarea box below each banner.

each affiliate has a unique code that is in the middle of the link.

there is an input at the top of the page that asks for the users affiliate code. untill they enter the code the textarea shows xxxxx in place of the numbers.

everything works fine for the first banner, but the second doesnt update with the affiliate code.

any suggestions?

here is the function and form:

Code:

<head>
<SCRIPT LANGUAGE=javascript>
<!--
function GenerateLink(){

	document.getElementById("textarea1").value="<A href='http://refer.website.com/cgi-bin/clicks.cgi?id=" + document.getElementById("affiliateId").value +"&HTML=home.html'><IMG src='http://www.website.com/banners/banner1.gif' height=60 width=468 border=0></A>";
	document.textarea1.style="display:block";

        document.getElementById("textarea2").value="<A href='http://refer.website.com/cgi-bin/clicks.cgi?id=" + document.getElementById("affiliateId").value +"&HTML=home.html'><IMG src='http://www.website.com/banners/banner2.gif' height=60 width=468 border=0></A>";
	document.textarea2.style="display:block";
}
//-->
</SCRIPT>
</head>
<body>

<pre>
<form name=userform>
Affiliatel ID:  <input type=text name="affiliateId" size=8 value="" >
<Br>
<input type=button name=action value="Submit" onClick="GenerateLink()">
</form>
</pre>
<p>
<img src="http://www.website.com/banners/banner1.gif">
<textarea NAME="textarea" ROWS=5 COLS=50 WRAP=VIRTUAL id=textarea1>
&lt;a href=&quot;http://refer.website.com/cgi-bin/clicks.cgi?id=XXXXXX&HTML=home.html&quot;&gt;&lt;img src=&quot;http://www.website.com/banners/banner1.gif&quot; width=468 height=60 border=0&gt;&lt;/a&gt;
</textarea>

<img src="http://www.website.com/banners/banner2.gif">
<textarea NAME="textarea" ROWS=5 COLS=50 WRAP=VIRTUAL id=textarea1>
&lt;a href=&quot;http://refer.website.com/cgi-bin/clicks.cgi?id=XXXXXX&HTML=home.html&quot;&gt;&lt;img src=&quot;http://www.website.com/banners/banner2.gif&quot; width=468 height=60 border=0&gt;&lt;/a&gt;
</textarea>

</body>

**GregD493** · 01-02-2004, 12:12 AM

above the second textarea id is shown as id=textarea1 (which is the same as the first)

it should be textarea2... i just got frustrated and started trying different things to see if anything changed. but even as textarea2 the problems the same.

**Enigma** · 01-02-2004, 02:15 AM

First of all, your textareas should be within the <FORM> tags.

**GregD493** · 01-02-2004, 11:57 AM

I wouldnt think that the form tag would matter since the textareas are being used for output not input. But I'm no expert so I moved the tag down and closed the form after both textareas and gave it another try with no luck.

**QuietDean** · 01-02-2004, 12:46 PM

enigma is correct.
Try this simplified version -

Code:

<head>
<SCRIPT LANGUAGE="javascript">
<!--
function GenerateLink(formObj){

formObj.link1.value="<A href='http://refer.website.com/cgi-bin/clicks.cgi?id=" + formObj.affiliateId.value +"&HTML=home.html'><IMG src='http://www.website.com/banners/banner1.gif' height=60 width=468 border=0></A>";


formObj.link2.value="<A href='http://refer.website.com/cgi-bin/clicks.cgi?id=" + formObj.affiliateId.value +"&HTML=home.html'><IMG src='http://www.website.com/banners/banner2.gif' height=60 width=468 border=0></A>";

}
//-->
</SCRIPT>
</head>
<body>

<pre>
<form name="userform">
Affiliatel ID: <input type=text name="affiliateId" size=8 value="" >
<Br>
<input type=button name=action value="Submit" onClick="GenerateLink(this.form);">

</pre>
<p>
<img src="http://www.website.com/banners/banner1.gif">
<textarea NAME="link1" ROWS=5 COLS=50 WRAP=VIRTUAL id="link1">
</textarea>

<img src="http://www.website.com/banners/banner2.gif">
<textarea NAME="link2" ROWS=5 COLS=50 WRAP=VIRTUAL id="link2">
</textarea>
</form>
</body>

works fine, so you shouldbe able to build the rest of your functionality around that.

**GregD493** · 01-02-2004, 02:49 PM

Thanks, everythings working great now...

difinately appreciate your help!

Greg

Thread: trying to write to textarea based on user input

Thread Tools

Related

form input changes textarea output Forum: Javascript Forum

using javascript to update checkbox values and write output to textarea dynamically Forum: Javascript Forum

help me to write code for "remove textarea" button Forum: Javascript Forum

Help W/ interactive user input form Forum: Javascript Forum

CGI form input doesn't write to text file Forum: CGI Perl Forum

trying to write to textarea based on user input

error in what is shown...

No luck

That was it!

Tags for this Thread

Cloudjiffy- PaaS for Developers