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 "Everything About Blogging", so that you do not miss out anything that can be valuable to you and your blog!!

Spread It :