W ith this script, it allows you to select text on a web page and then copy it into a text box. Neat!
A ll you have to do is hi-Light any text you want on this page, then click the above form button and poof! Everything you just hi-lighted is now inside the above form box.
We have tested the code in IE6.0, Firefox1.5.0.2, Opera8.54, Netscape8.1 and AOL Explorer1.2. This script worked in IE and AOL Explorer1.2. In all other platforms tested the effect will "Not" work. It degrades well and you will not get any error messages.
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 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, java scripts and forms, this is an easy two part copy and paste code with no actual reconfigurations other than the size of the above form box. The only thing that we added into this script was the "Clear Form Box" button. We will show you further down howto add this into the script. (Very easy!).
T he first part of the code gets pasted into the <HEAD> section of your document and the last part gets incorporated into the <BODY> section of a valid working form. This is the part that you can change the size of the form box and would add the "Clear Form Box" button. See below on the reconfigurations that can be made including the addition of the button.
<input onclick="copyit(this.form.select1)" type="button" value="Copy highlighted text" name="btnCopy">
<p>
<textarea name="select1" rows="4" cols="45"></textarea>
</div>
</form>
Mark-up Language for above settings
|
value="Copy highlighted text" |
This defines the words you can put on the button. |
|
rows="4" |
This defines how tall or vertical the form will be. |
|
cols="45" |
This defines how wide or horizontal the form will be. |
N ow the only other possible reconfiguration would be to add a "Clear Form Box" or reset button into the form. The code for this button is:
<input type="reset" value="Clear Form Box">
T he above button can be situated anywhere within the confines of the defined form. In other words as in the below example, as long as it is before the closing </form> tag.
<input onclick="copyit(this.form.select1)" type="button" value="Copy highlighted text" name="btnCopy">
<p>
<textarea name="select1" rows="4" cols="45"></textarea><br>
<input type="reset" value="Clear Form Box">
</form></p></div>
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 ].
[ Get Code Here ]
[ Rate This Page ]
