A simple example of setting a textarea by clicking one of several buttons. You can pre-define the different answers and buttons according to the questions you need answered within your form. This saves your guests the time of thinking of the correct answer by having it already preset by selecting a certain button.
We have tested the code in IE6.0, Firefox1.5.0.2, Opera8.54, Netscape8.1 and AOL Explorer1.2. This script worked well in all platforms with no variations observed.
For your Information:
Before we begin, we feel obligated to advise you that the above form is for all intensive purposes a "Stand Alone" script. In other words, it really does not do much of anything other than what you see. In order to make it function as designed, you need to incorporate it into a valid working form. If you do not have a good Solid Knowledge of HTML coding, javascripts, forms and reconfigurations, please
"Do Not Attempt" this until you are Proficient in the aforementioned areas.
D epending on your knowledge of HTML and javascripts and forms, this is an easy one part copy and paste code that goes the <BODY> section of your document incorporated into a valid form. The reconfigurations are minimal, setting the colors, button names and messages.
Reconfigure Messages
<!-- PLease keep credit in JavaScript section -->
<!-- May be freely used and modified - email notification would be nice -->
var MessA = new Array()
MessA[0] = " ";
var rDe = 0;
rDe++;MessA[rDe] = "This is the first message that you want to post in the text area,";
rDe++;MessA[rDe] = "This is the second message that you want to post in the text area,";
rDe++;MessA[rDe] = "This is the third message that you want to post in the text area,";
rDe++;MessA[rDe] = "This is the fourth message that you want to post in the text area,";
rDe++;MessA[rDe] = "This is the fifth message that you want to post in the text area,";
Y ou can add more, delete some or leave with the default number. If you add more, just follow the above sequence. If you add more, "Remember" to add another form button in another section of the code.
Reconfigure Textarea Form Box
Reconfigure Buttons (Partial Code)
<input type="button" value="Empty*" style="color: yellow; font-weight: bold; background-color: brown" Y
ou do not have to have the same color buttons as the form box if you don't want. Just experiment with it until it fits for you and your site. If you need to add more buttons for just follow the numerical sequence. "Remember", if you add more buttons, you must also add another message in another section of the code. W
e hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link and you are there. If you have any problems with this or anything else, feel free to consult our [ FAQ ] and if you can't find the answer there, [ contact us ].
</script><form id="form1" name="form1">
<textarea name="Ira" cols="25" rows="5" id="ira"
style="color: yellow; font-weight: bold; font-size: 18; background-color: brown">
This is how the default form will look.
</textarea>
Just play around with the colors until it fits your site.
onclick="javascript: document.form1.Ira.value = MessA[0];"> <input type="button" value="Set Mess1"
style="color: yellow; font-weight: bold; background-color: brown"
onclick="javascript: document.form1.Ira.value = MessA[1];"><input type="button" value="Set Mess2"
style="color: yellow; font-weight: bold; background-color: brown"
onclick="javascript: document.form1.Ira.value = MessA[2];">
* The button with the word "Empty" clears the form of any text from selecting any of the other buttons. We changed ours to the word "Clear".
The value="Set Mess1", 2 etc. is the text on the button itself. You can change that to whatever you need the buttons to say.
Note Of Importance: On the site you get the code, the code is not correct. We have notified them of this on 05/08/06. Until they rectify this little problem, you can get a good copy of the code here.
[ Get Good Copy Of Code Here ]
[ Get Code Here ]
[ Rate This Page ]
