make html text non selectable

Posted on 2008-10-03
Last Modified: 2013-11-19
Hi there,
Is there a way to make part of the text on my html page non selectable?
Question by:ioustinos_sarris
  • 3
  • 3
LVL 35

Expert Comment

ID: 22635658
The only way that I could think of is to create an image with the text in question and then insert the image into your page instead of html text.

LVL 35

Expert Comment

ID: 22635828
A long while ago, javasripts were quite fashionable that disabled the right mouse button on a web page (like this one, for instance:

Theoretically, one could modify the script to prevent the left mouse button from being clicked. BUT:
- users might still select text with the cursor keys
- javascript can easily be turned off
- I don't think those scripts still work with new generation browsers

So, I'm left with my above mentioned suggestion.
Alternatively, you could try to place a transparent image in a <div> layer ( right on top of the text. So when the visitor wishes to select the text underneath, all he gets is the image. But I'd expect this to require a lot of fiddling.
LVL 20

Accepted Solution

Gawai earned 500 total points
ID: 22636293
There is a way to overcome

if u disable right click, u can select the text, below site will help u out

or just try this

<body onselectstart = return false; >

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

LVL 23

Expert Comment

by:Tony McCreath
ID: 22643025
Placing a div over the top of the text would stop selection.
LVL 20

Expert Comment

ID: 22643629
the link i gave u does extacly wat u wanted
LVL 35

Expert Comment

ID: 22644441

the link you gave indeed does what the OP wants, but the method itself suffers from the same disadvantage I mentioned above: it is Javascript dependent, and Javascript may be disabled in no time.

For instance: the link you gave also offers a demonstration of how the script works. I went there with my standard Opera browser, realized I couldn't select text, pressed F12, turned off Javascript, reloaded the page and selected the text. This took me about 4 seconds.
I then pasted the link into my Firefox browser which runs the No-Script extension by default, and I could select the text rightaway.

Hence: protecting your content with Javascript is like no protection at all.
LVL 20

Expert Comment

ID: 22644472
then the best method is to use flash
load the text dynamically in flash MC.

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
href return to normal window 5 31
ASP get fieds value 2 22
Check input text, Number 6 32
Table header must be on top 2 30
This article discusses how to create an extensible mechanism for linked drop downs.
Find out what you should include to make the best professional email signature for your organization.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

733 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question