PDA

View Full Version : disable text selection highlighting

goxy63
09-02-2013, 11:28 PM
For all or most browsers

I would like to have this option in one forum, I guess that this is possible as I saw that in some forums...not talking about right click or such but as title says "disable text selection highlighting"

Would like to crate one style which will work for certain forums, if possible, and if one knows please elaborate a bit as this is not that clear to me how to do...

Found this CSS code, but not quite sure should I place it as it is or...? :


-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;

*.unselectable {
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}

<div id="foo" unselectable="on" class="unselectable">...</div>

function makeUnselectable(node) {
if (node.nodeType == 1) {
node.unselectable = true;
}
var child = node.firstChild;
while (child) {
makeUnselectable(child);
child = child.nextSibling;
}
}

makeUnselectable(document.getElementById("foo"));

-webkit-user-select:none;
-moz-user-select:none;

onselectstart="return false;"

::selection { background: transparent; }
::-moz-selection { background: transparent; }

* {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
}

p {
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-o-user-select: text;
user-select: text;
}

<div class="draggable"></div>

.draggable {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

.draggable input {
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-o-user-select: text;
user-select: text;
}

if ($.browser.msie) $('.draggable').find(':not(input)').attr('unselect able', 'on');

will try this out tomorrow, please if you have any suggestions/advice tell me

Thank you
nerbert
09-03-2013, 12:39 AM
What I do with my projects is put this in the <html> tag, or the <body> tag if the body covers the whole page:

onselectstart="return false;"

Seems to eliminate selection highlighting. You need to do it in the page templates -- SHOWTHREAD, ONLINE etc
tbworld
09-03-2013, 01:00 AM
What I do with my projects is put this in the <html> tag, or the <body> tag if the body covers the whole page:

onselectstart="return false;"

Seems to eliminate selection highlighting. You need to do it in the page templates -- SHOWTHREAD, ONLINE etc

Oh sure... give away all our secrets! <grin>

(joking of course)