Non Selectable Text for table rows

[jimbojames5645]

I want to make a table where the text in the table rows is not selectable.

 

[BillyRayPreachersSon]

You will have to use several methods to get something that works cross-browser. I use this combination of CSS and JavaScript. For the CSS part, assign the class "unselectable" to the element:

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

and then using JS, add an onselectstart handler to it:

yourEl.onselectstart = function() { return(false); };

You could also use behaviours to sort out IE, instead of that JavaScript:

.unselectable {
   behavior: url(ieUserSelectFix.htc);
}

and then create this file, "ieUserSelectFix.htc":

<public:component lightweight="true">

	<public:attach event="ondocumentready" onevent="stopSelection()" />

	<script type="text/javascript">
	<!--
		function stopSelection() {
			element.onselectstart = function() { return(false); };
			element.setAttribute('unselectable', 'on', 0);
		}
	//-->
	</script>
</public:component>

Hope this helps,
Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]