Solved

make html text non selectable

Posted on 2008-10-03
7
867 Views
Last Modified: 2013-11-19
Hi there,
Is there a way to make part of the text on my html page non selectable?
0
Comment
Question by:ioustinos_sarris
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 3
7 Comments
 
LVL 35

Expert Comment

by:torimar
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.

0
 
LVL 35

Expert Comment

by:torimar
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: http://www.dynamicdrive.com/dynamicindex9/noright.htm).

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 (http://www.echoecho.com/csslayers.htm) 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.
0
 
LVL 20

Accepted Solution

by:
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
ref
http://www.dynamicdrive.com/dynamicindex9/noselect.htm

or just try this

<body onselectstart = return false; >

0
Transaction Monitoring Vs. Real User Monitoring

Synthetic Transaction Monitoring Vs. Real User Monitoring: When To Use Each Approach? In this article, we will discuss two major monitoring approaches: Synthetic Transaction and Real User Monitoring.

 
LVL 23

Expert Comment

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

Expert Comment

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

Expert Comment

by:torimar
ID: 22644441
gawai,

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.
0
 
LVL 20

Expert Comment

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

Featured Post

Don't Cry: How Liquid Web is Ensuring Security

WannaCry is just the start. Read how Liquid Web is protecting itself and its customers against new threats.

Question has a verified solution.

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

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

719 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