Question

i would like to add a button that will Select / unselect the text inside a div on Click using javascript ..

in example one click will select the text, next click will deselect the text and so on.

Answer 1

Here is one way to do it from this post also a question here as well.

If you want to select/deselect you can simply adjust your click handler to the following:

<span rel="theDiv">select text of div</span>
<div id="theDiv">
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. 
</div>

$('span').click(function() {
    var targetDiv = $(this).toggleClass("selected").attr("rel");
    if($(this).hasClass("selected")){
        SelectText(targetDiv);
    }
});

Example of it on jsfiddle.