Customize Blogspot

From Ittichai Chammavanijakul's Wiki
Jump to navigation Jump to search

Disable text selection

Reference: http://www.dynamicdrive.com/dynamicindex9/noselect.htm

  • Copy and paste the javacript to the HTML/Javascript gadget.
<script type="text/javascript">
/***********************************************
* Disable Text Selection script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

function disableSelection(target){
if (typeof target.onselectstart!="undefined") //IE route
	target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
	target.style.MozUserSelect="none"
else //All other route (ie: Opera)
	target.onmousedown=function(){return false}
target.style.cursor = "default"
}

//Sample usages
disableSelection(document.body) //Disable text selection on entire body
//disableSelection(document.getElementById("mydiv")) //Disable text selection on element with id="mydiv"
</script>
  • Uncomment the disableSelection line to suite your need - either to disable the text selection on the entire page or a certain
    section.

The code is working fine on Internet Explorer, FireFox, Safari and Chrome.