Disable viewers' ability to select (highlight) text on your page. Tested in IE6.0, Netscape7.02, Netscape8.1, Opera8.51, Firefox1.5 and AOL Explorer1.2

D isable viewers' ability to select text on your page by installing this script. With it, dragging the mouse over text has no effect. Go ahead, try to hi-light any of the text on this page to copy it and paste it elsewhere. By right clicking anywhere on the page to "Select All", does not work either*.

Note: Script rewritten Sept 17th, 2004 to omit form elements in NS6+.

What this means is that in Netscape6+ you can not hilight portions of text on the page(rightclick does work to hilight entire page)and you do not need to add the snipplet of code into textarea form to allow it to be hilighted and cut/copied.(See below for snipplet*)

W e have tested the code in IE6.0, Firefox1.5, Opera8.51, Netscape7.02, Netscape8.1 and AOL Explorer1.2. This script worked correctly in IE6.0 and AOL Explorer1.2 only. We noticed variations in all other platforms tested.

Mozilla Firefox1.5 Does not work inside textarea forms even with the sniplet of code added to the form. Right click context menu also appears and you can "Select All" from context menu.
Netscape7.02 This effect does not work in this platform at all.
Netscape8.1 Effect works but not inside textarea form since script has been updated. Update was to omit form elements in Netscape6+. Context menu works where you can "Select All".
Opera8.51 You can "Select All" from Toolbar menu (Edit). You can also select from inside textarea form by putting focus (Click inside form) then select "Edit" from toolbar.

D epending on your knowledge of HTML and javascript, this is an easy, one part copy and paste code that goes in the <HEAD> section of your document. Once this is done, thats it, finished.

T here is one way to deactivate this effect inside of a form element. If you would insert a little piece of code* into the textarea form, it would disable the "No Select" inside the box so you can hi-light, copy/cut and paste. See the below example:

* The sniplet of code inside the below form box is what you need to add into the form to deactivate the "No Select" effect

onselectStart="event.cancelBubble=true"

In other words, the form should look something like the below example

<TEXTAREA COLS="48" ROWS="6"wrap="virtual" onselectStart="event.cancelBubble=true"> PLACE TEXT HERE! </TEXTAREA> </FORM>

For your Information: This little script disables selecting any text on the entire page, not only certain parts. The only work-around is to deactivate it inside textarea forms as shown above.

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 ]

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.