How To Create Text Area with Select All

Add This To Del.icio.us Tweet/ReTweet This Share on Facebook StumbleUpon This Add to Technorati Digg This

Login To Blogger Go To > Design > Edit HTML.

and mark the tick box "Expand Widget Templates"

Then, find (CTRL+F) this code in the template.

</head>

And immediately before it, paste this code:

<script type="text/javascript">

function selectAll()
{
document.form1.demo.focus();
document.form1.demo.select();
}

</script>

Now click Save Templste.

Then, Go To > Design > Page Elements.

Simply add a Gadget of HTML/JavaScript type.

add this code in to it:

<form name="form1" >
<textarea cols="25" rows="10" name="demo">

INSERT YOUR CONTENT HERE

</textarea>
<input type="button" name="selectit" value="Select All" onclick="selectAll ();">
</form>

Note : Remember to replace INSERT YOUR CONTENT HERE with your real content.

Now you are done.

Subscribe to this Blog via Email:

Click here to Subscribe to FREE email updates from "Focus Internet", so that you do not miss out anything that can be valuable to you and your blog!!