Tutorial : Disable Text Selection

Ok. Nampakya aku masih rajin nak menaip kat sini..

So kali ni nak ajar pulak untuk

DISABLE TEXT SELECTION

Kalau tadi, hanya untuk DISABLE RIGHT-CLICK je...

orang still boleh buat 'text selection' sepert ini :

and kalau orang nak copy still boleh lagi..

sebab boleh guna 'Ctrl+C'

Kali ni kita disable pulak 'text selection'

*********************************************

1) Pergi ke Dashboard > Design > Add a gadget > HTML/JavaScript

2) Copy yang kat bawah ni (merah).

<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><br />

<script type="text/javascript">

disableSelection(document.body) //disable text selection on entire body of page

</script><br />

3) Paste ke dalam "HTML/JavaScipt".

4) Save > Save

*********************************************

Ok selesai...

Lepas ni tak ada orang boleh Copy entry-entry kita lagi.. ;)

p/s: Aku wat tutorial.. tapi aku sendiri tak disable pown benda-benda ni... heheheh~~ Tapi aku JAMIN benda ni berfungsi dengan baik.. 

Tweet