Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations biv343 on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
How to make text nonselectable
- Thread starter jtaal
- Start date
Put it in an image, or in a PDF file. HTML is a text-based language, even if there was a way of stopping people from selecting text they could still View Source and select from there.
Fundamentally, if you don't want people to be able to copy your work, don't put it on the internet.
-- Chris Hunt
Fundamentally, if you don't want people to be able to copy your work, don't put it on the internet.
-- Chris Hunt
PS: You could attempt to exploit the odd behavior of IE discussed in thread215-753535 to make selection awkward, but it wouldn't work for other browsers.
-- Chris Hunt
-- Chris Hunt
- Thread starter
- #4
Thanks guys,
I didn't explain what it was for, actually it's a performance issue (not to protect data). The DIV has an OnClick event, and the text inside is short and descriptive, and i don't want it to be selected because it looks ackward. I tried blurring, but selected text doesn't unselect on blur.
The option of putting it into an image is also not possible because i use some cgi script to generate the HTML...
I didn't explain what it was for, actually it's a performance issue (not to protect data). The DIV has an OnClick event, and the text inside is short and descriptive, and i don't want it to be selected because it looks ackward. I tried blurring, but selected text doesn't unselect on blur.
The option of putting it into an image is also not possible because i use some cgi script to generate the HTML...
- Thread starter
- #6
Code:
<style>
#bottom {
position: relative;
width: 200px;
height: 200px;
z-index: 1;
}
#bottom img {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
</style>
<div id="bottom">
<img src="/tcweb/images/spacer.gif" width="100%" height="100%" />
lots of text, lots of text, lots of text, lots of text, lots of text, lots of text, lots of text,
</div>
BillyRayPreachersSon
Programmer
Or you could use this method:
Code:
<html>
<head></head>
<body>
<div>Selectable text</div>
<div onSelectStart="return(false);">Unselectable text</div>
</body>
</html>Hope this helps!
Dan
Try this, I stumbled across it when viewing the source of someone's site one time...don't remember where...:
Of course, as we all know, it's useless if the user has JavaScript turned off...
Hope This Helps!
Ecobb
"Alright Brain, you don't like me, and I don't like you. But lets just do this, and I can get back to killing you with beer." - Homer Simpson
Code:
<script language="JavaScript1.2">
//Disable select-text script (IE4+, NS6+)- By Andy Scott
//Exclusive permission granted to Dynamic Drive to feature script
function disableselect(e){
return false
}
function reEnable(){
return true
}
//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
<script language="JavaScript1.2">
//Gradual-Highlight image script- By Dynamic Drive
//For full source code and more DHTML scripts, visit [URL unfurl="true"]http://www.dynamicdrive.com[/URL]
//This credit MUST stay intact for use
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
if (which2.style.MozOpacity)
which2.style.MozOpacity=0.3
else if (which2.filters)
which2.filters.alpha.opacity=25
}
function highlightit(cur2){
if (cur2.style.MozOpacity<1)
cur2.style.MozOpacity=parseFloat(cur2.style.MozOpacity)+0.1
else if (cur2.filters&&cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
</script>Of course, as we all know, it's useless if the user has JavaScript turned off...
Hope This Helps!
Ecobb
"Alright Brain, you don't like me, and I don't like you. But lets just do this, and I can get back to killing you with beer." - Homer Simpson
Oops! Sorry, I pasted WAY too much stuff! Here ya go:
Hope This Helps!
Ecobb
"Alright Brain, you don't like me, and I don't like you. But lets just do this, and I can get back to killing you with beer." - Homer Simpson
Code:
<script language="JavaScript1.2">
//Disable select-text script (IE4+, NS6+)- By Andy Scott
//Exclusive permission granted to Dynamic Drive to feature script
function disableselect(e){
return false
}
function reEnable(){
return true
}
//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>Hope This Helps!
Ecobb
"Alright Brain, you don't like me, and I don't like you. But lets just do this, and I can get back to killing you with beer." - Homer Simpson
- Status
Similar threads
- Locked
- Question
- Locked
- Question
- Locked
- Question