« »

Scroll the mouse over my name to see the effect. CSS can be used to make the text exactly the same as that surrounding it.

Label: Text Changer onMouseover script

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
JavaScript
HTML
Print

Copy All x2

<script>
function changename(ta)
{
   if (ta.cols == 5)
   {
      ta.value = 'Steve Waring that is';
      ta.cols = 20;
   }
   else
   {
      ta.value = 'Steve';
      ta.cols = 5;
   }
}
</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<form>My name is <textarea style="border: 0px none ; background-color: transparent; overflow: hidden;" rows="1" cols="5" readonly="readonly" onmouseover="changename(this)">Steve</textarea>.<br>
	Scroll the mouse over my name to see the effect. CSS can be used to make the 
	text exactly the same as that surrounding it.
</form>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->