Text Grabber Form - Tested in IE7.0, Netscape8.1.2, Opera9.10, Firefox2.0.0.1 and AOL Explorer1.5

This script grabs any text that is selected by the mouse and inserts it into a textarea. The novelty of this script is that users can select various blocks of text and have them all added to the textarea conjointly.

To checkout the script just select (Highlight) any text in this page and click the Grab button below the textarea. The text will immediately be inserted into the textarea. Users can select as many different blocks of text in this way. Just remember to click the Grab button every time you want to include any new text in the textarea. Every new selection will appear on a new line in the textarea. Clicking the Select All button would select all the text within the textarea.

This script would be especially useful in those web pages, for instance scientific archives, where there is a lot of text, some of which the visitors might want to copy.

We have tested the code in IE7.0, Firefox2.0.0.1, Opera9.10, Netscape8.1.2 and AOL Explorer1.5. This script worked well in all platforms with no variations observed.

Even though this is a form, the normal incorporation into a working form does not apply to this script unless you need it to be. This 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. If you want to incorporate it into a functional form then we feel obligated to advise you that 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.

Depending on your knowledge of HTML and javascripts, this is an easy two (2) part copy and paste code that goes in both the <HEAD> and <BODY> (wherever you want it to appear) sections of your document with minimal if any reconfigurations. The only reconfigurations that can be made are with the size of the form itself. these modifications are made to the section of code that goes in the <BODY> section. See below on where and howto.

Define Above Reconfigurations

rows="8" This denotes how high from top to bottom the textarea will be.
cols="30" This denotes how wide from side to side the textarea will be.

If you noticed on the above example the button for "Instructions", it is not part of the original script. We added it for your convenience. If you would like to see where and howto add this into the effect, see below.

Default <BODY> Section - No Instructions

<form name=form>
<textarea name="text" rows="8" cols="30" wrap="virtual"></textarea><br />
<input type="button" value="Grab" onClick="grabText()" />
<input type="button" value="Select All" onClick="this.form.text.select();this.form.text.focus()" name="button" />
<input type="reset" value="Reset" />
</form>

Reconfigured <BODY> Section - With Instructions

<form name=form>
<textarea name="text" rows="8" cols="40" wrap="virtual"></textarea><br />
<input type="button" value="Grab" onClick="grabText()" />
<input type="button" value="Select All" onClick="this.form.text.select();this.form.text.focus()" name="button" />
<input type="reset" value="Reset" />

<input type="button" onClick="alert('Highlight any text on this page and click the Grab button below the textarea. The text will immediately be inserted into the textarea. You can select as many different blocks of text in this way. Just remember to click the Grab button every time you want to include any new text in the textarea.')"Value="Instructions">
</form>

Note Of Importance If you notice in the above where we placed the "additional code" for the "Instructions", be sure to place that code (if you so choose to use it), before the closing </form> tag. If you add the "Instructions" after the closing </form> tag, you will not have the button on the same line as the others. It will be below the effect as shown below. If you select to have it that way, then you will need to add the opening and closing form tags to the "Instructions" button. Grab the below link to see how the effect will appear with the "instructions" button below the effect. See below on where and howto add the opening and closing form tags to the "Instructions" button..
[ Instructions Button Located Below Effect ]

Copy and Paste Code: Below is the code for the "Instructions" form button. Just copy and paste it as we explained.

For your Information: We have been asked this question and to answer it in a word, "No" you can not have but one of these effects on the page. If you attempt to add a second one, you will get the little logo in your task bar at the bottom of the screen and the effect will not work.

We 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 ]

Search Our Site By Individual letter

[ A ] [ B ] [ C ] [ D ] [ E ] [ F ] [ G ] [ H ] [ I ] [ J-K ] [ L ]
[ M ] [ N-O ] [ P-Q ] [ R ] [ S ] [ T ] [ U-V ] [ W ] [ X-Y-Z ]

Little Tips Directory

[ Page 1 ] [ Page 2 ] [ Page 3 ] [ Page 4 ] [ Page 5 ] [ Page 6 ] [ Page 7 ]

[ Index Page 1 ] [ Index Page 2 ] [ Index Page 3 ] [ Index Page 4 ] [ Index Page 5 ]
[ Index Page 6 ] [ Index Page 7 ] [ Index Page 8 ] [ Index Page 9 ] [ Index Page 10 ]
[ Index Page 11 ] [ Index Page 12 ] [ Index Page 13 ]

[ News Letter Archives ] [ Navigation Page ] [ Archives Of Published Material ]
[ Link To Us ] [ Alphabet Index ] [ Feedback ] [ On Line Support ] [ FAQ ]
[ Webmaster Utilities ] [ Casino ] [ Banner Exchange ] [ Advanced Site Search ]

If you are part of the ever growing number of webmasters who enjoy sharing your knowledge with others on web design, join The Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today

This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.