populate text box from dropdown

[Dannyboyo]

I have what I hope is a simple request. I can't really code in javascript, but I am pretty good at cusomizing it with
slight modifications. I code in ASP and HTML.

I am trying to capture customer input of product names to put on custom labels we make. Some of the labels will have our
product names on them, but the customer can add other products that we do not sell.

So, on my product detail page I want a textbox that can have rows copied from values in a dropdown box (containing 700
product ids and names). This is so I can pass the values from the textbox to my ASP script for processing into the
database.

This is how I see it looking:

Dropdown on left, 'COPY' button in middle, Textbox on right.

So you would select a product in the dropdown, click the button and that product would be APPENDED to the textbox,
either before or after the other items already in it. Then the customer would choose another product in the dropdown and
click the button to append it to the list, etc.

The customer will also be allowed to type in other items in the textbox.

Is this do-able? From my sketchy web-search reading, I see that Netscape does not allow copying to clipboard. I don't
think the clipboard would be required, since the source and destination controls are on the same web page, so I believe
javascript can handle it all.

Any responses are greatly appreciated.

Daniel Dillon

[Desperado]

"Desperado" <de************ *@hotmail.net> wrote in message
news:3d******** *************** *******@news.te ranews.com...

"@SM" <st************ **@wanadoo.fr> wrote in message
news:3F******** *******@wanadoo .fr...

See my other post

It was a beautiful thing.

Thank You

OK, I guess my scripting skills are more rudimentary than I thought.

Your code worked PERFECTLY with one dropdown and one text area, but I am
struggling with adding additional inputs.

Would you be so kind as to paste up that code again, with two different
dropdowns and two different text inputs, so I can see the differences
between things such as ['MyForm']['other'].value and
['MyForm']['other1'].value, and which areas I need to modify to incluse the
additional inputs?

I wouldn't even complain if you commented it :)

Thanks you SO MUCH for your assistance with this.

[Dannyboyo]

Thanks Lasse.

It works good.
Then only thing I want to add is a Line feed if Not inserted by the customer, like this...

If (cursor is on a blank line) THEN
out.value += text+"\n";
ELSE
out.value += "\n"+text+" \n";
END IF

Daniel Dillon

[Lasse Reichstein Nielsen]

"Dannyboyo" <da******@gto.n et> writes:

Then only thing I want to add is a Line feed if Not inserted by the
customer, like this...

I was considering putting it in, but decided to keep it simple :)
If (cursor is on a blank line) THEN
out.value += text+"\n";
ELSE
out.value += "\n"+text+" \n";
END IF

Try:

var val = out.value;
val.replace(/\s*$/,""); // remove terminating whitespace, if any
val += "\n"+text+" \n";
out.value = val;

/L
--
Lasse Reichstein Nielsen - lr*@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleD OM.html>
'Faith without judgement merely degrades the spirit divine.'

[Dannyboyo]

Thanks again Lasse.

I can't find the correct position for this block of script.
Do I need to remove a line from the original script?

Daniel Dillon

[Dannyboyo]

Well, I figured it out. It works, but not as I wish. It causes a blank line to appear between lines of text. I would
like there to be no blank lines. What I am trying to acccomplish with the additional lines of text is to prevent the
user from typing in a line and being unaware that he has to hit 'Enter' before he can choose another from the dropdown.
Below is an example of a customer choosing a few from the dropdown, then typing in 'Daisies' and choosing a couple more
from dropdown. So I only want to cause a line feed if the cursor was left at the end of the word 'Daisies'.

PLANT 056
PLANT 322
PLANT 184
DaisiesPLANT 245
PLANT 821
PLANT 077

I hope this explanation is easy to understand.

Daniel Dillon

[HikksNotAtHome]

In article <_-*************** *****@golden.ne t>, "Dannyboyo" <da******@gto.n et>
writes:

Below is an example of a customer choosing a few from the dropdown, then
typing in 'Daisies' and choosing a couple more
from dropdown. So I only want to cause a line feed if the cursor was left at
the end of the word 'Daisies'.

Instead of commenting it heavily, I chose to use variable names that were
pretty descriptive (if not overly long names) of what they were used for.

This script:

<script type="text/javascript">
function addNextItem(ite mValue,outputDe stination){
formElement = document.forms['myForm'].elements[outputDestinati on]
tempVar = formElement.val ue
if (tempVar.lastIn dexOf("\n") != tempVar.length-1){
tempVar = tempVar + "\n"
}
formElement.val ue = tempVar;
formElement.val ue += itemValue + '\n';
}
</script>

Although I seem to recall that some browsers may use \r or \n\r or \r\n or some
other combination for line breaks in a textarea.

With this HTML:

<form name="myForm" id="myForm">
<select onchange="addNe xtItem(this.val ue,'textOutput1 ')">
<option value="A1">A1</option>
<option value="A2">A2</option>
<option value="A3">A3</option>
<option value="B1">B1</option>
<option value="B2">B2</option>
<option value="B3">B3</option>
<option value="C1">C1</option>
<option value="C2">C2</option>
<option value="C3">C3</option>
</select>
<input type="text" name="textInput 1" size="30">
<input type="button" value="Add It To The List"
onclick="addNex tItem(document. myForm.textInpu t1.value,'textO utput1')">
<textarea name="textOutpu t1" cols="30" rows="10"></textarea>
<br />
<select onchange="addNe xtItem(this.val ue,'textOutput2 ')">
<option value="A1">A1</option>
<option value="A2">A2</option>
<option value="A3">A3</option>
<option value="B1">B1</option>
<option value="B2">B2</option>
<option value="B3">B3</option>
<option value="C1">C1</option>
<option value="C2">C2</option>
<option value="C3">C3</option>
</select>
<input type="text" name="textInput 2" size="30">
<input type="button" value="Add It To The List"
onclick="addNex tItem(document. myForm.textInpu t2.value,'textO utput2')">
<textarea name="textOutpu t2" cols="30" rows="10"></textarea>
</form>

Has several ways to do what you described. Beware of line-wrapping.
Modify as desired.

Tested in IE6, Firebird 0.7 and Opera 7 on a PC. I know, as written, it will
not work in NN4 (NN4 wont pass the value of a select list the way I am passing
it).

If you keep the text input box I used, there needs to be a test to make sure
the value it gets is not a blank value, or you end up with multiple blank
lines. The simplest solution to that is to have a script replace \n\n with \n
upon submission of the form.

Hope this helps.
--
Randy

[Desperado]

"HikksNotAtHome " <hi************ @aol.com> wrote in message
news:20******** *************** ****@mb-m25.aol.com...

PERFECT

You ROCK!!!!!

Thanks

[Dannyboyo]

Thanks Randy.

This works good - Really good.

I wonder if you can change the code slightly to force the customer to hit a button to add the item from the first
dropdown. I have a dropdown list of about 700 items, so to help navigate the list, I want to give customers a tip to
type the first letter of the item. But with the code the way it is, that adds the first item with that letter to the
textarea.

Thanks for your help.

Daniel Dillon

[Dannyboyo]

I think I got it right. I just Cut and Pasted the 'onChange' value to the onClick value of a command button and it works
good for me. Unless there is any risk in that, I am happy with it that way. Thanks Randy and Lasse both.

Daniel Dillon

[HikksNotAtHome]

In article <3v************ ********@golden .net>, "Dannyboyo" <da******@gto.n et>
writes:

Thanks Randy.

This works good - Really good.

I wonder if you can change the code slightly to force the customer to hit a
button to add the item from the first
dropdown. I have a dropdown list of about 700 items, so to help navigate the
list, I want to give customers a tip to
type the first letter of the item. But with the code the way it is, that adds
the first item with that letter to the
textarea.

Thanks for your help.

Daniel Dillon

Remove the onchange from the select, and add a name to it:

<select name="mySelect1 ">

And add a button:

<input type="button" value="Add It To The List"
onclick="addNex tItem(document. myForm.mySelect 1.value,'textOu tput1')">

And now, its still working in modern browsers, and utterly broken in NN4.
Although it didn't work there to begin with (I am too lazy at the moment to
make it work in NN4).
--
Randy