Solved

make html text non selectable

Posted on 2008-10-03
7
862 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
  • 3
  • 3
7 Comments
 
LVL 35

Expert Comment

by:torimar
Comment Utility
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
Comment Utility
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
Comment Utility
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
IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 
LVL 23

Expert Comment

by:Tiggerito
Comment Utility
Placing a div over the top of the text would stop selection.
0
 
LVL 20

Expert Comment

by:Gawai
Comment Utility
the link i gave u does extacly wat u wanted
0
 
LVL 35

Expert Comment

by:torimar
Comment Utility
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
Comment Utility
then the best method is to use flash
load the text dynamically in flash MC.
0

Featured Post

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
Introduction Since I wrote the original article about Handling Date and Time in PHP and MySQL (http://www.experts-exchange.com/articles/201/Handling-Date-and-Time-in-PHP-and-MySQL.html) several years ago, it seemed like now was a good time to updat…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn the basics of jQuery including how to code hide show and toggles. 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…

743 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

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now