« »

This effect will change background color of a text block that you just select.

Label: The powerfull text effect

Demo
Enlarge
Reload
New window

Code
JavaScript
HTML
Print

Copy All x2

<SCRIPT language=JScript>
function selector(){
if (document.all && document.getElementById){
obj = document.body.createTextRange();
obj.moveToElementText(TextToSelect);
var sel = document.selection;

if (sel!=null) {
    var rng = sel.createRange();
	if (rng!=null && rng.compareEndPoints("StartToStart",obj)==1 && rng.compareEndPoints("EndToEnd",obj)==-1) rng.pasteHTML("<font style='background-color:red;color:white;'>" + rng.htmlText + "</font>");
   else sel.empty();
}
}
}
document.onmouseup = selector;
</SCRIPT>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<DIV id=TextToSelect>The powerfull text effect - Electronic marker. Try to 
	select this text The powerfull text effect - Electronic marker. Try to 
	select this text The powerfull text effect - Electronic marker. Try to 
	select this text The powerfull text effect - Electronic marker. Try to 
	select this text The powerfull text effect - Electronic marker. Try to 
	select this text The powerfull text effect - Electronic marker. Try to 
	select this text The powerfull text effect - Electronic marker. Try to 
	select this text The powerfull text effect - Electronic marker. Try to 
	select this text The powerfull text effect - Electronic marker. Try to 
	select this text The powerfull text effect - Electronic marker. Try to 
	select this text The powerfull text effect - Electronic marker. Try to 
	select this text The powerfull text effect - Electronic marker. Try to 
	select this text The powerfull text effect - Electronic marker. Try to 
	select this text The powerfull text effect - Electronic marker. Try to 
	select this text The powerfull text effect - Electronic marker. Try to 
	select this text The powerfull text effect - Electronic marker. Try to 
	select this text The powerfull text effect - Electronic marker. Try to 
	select this text The powerfull text effect - Electronic marker. Try to 
	select this text </DIV>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->