Subversion Repositories DevTools

//

//  Add copy to clipboard icon to every element with a class of 'clip'

//

$( document ).ready(function() {

    var myClipHandler = function (event)

    {

        // Get element to clip

        var el = $(this).closest('.clip').eq(0);

        // Get the text and clean it up

        var text = $.trim(el.text());

            text = text.replace(/\s+/g, ' '); 

        // Copy to clipboard

        var $temp = $("<input>");

        $("body").append($temp);

        $temp.val(text).select();

        document.execCommand("copy");

        $temp.remove();

        // Highlight (the text that has been selected

        //  Appears to be no nice way to do this :(

        var doc = document, range, selection;    

        if (window.getSelection) {

            selection = window.getSelection();        

            range = document.createRange();

            range.selectNodeContents(el[0]);

            selection.removeAllRanges();

            selection.addRange(range);

            setTimeout(function(){selection.removeAllRanges();},500);

        } else { 

            range = document.body.createTextRange();

            range.moveToElementText(el[0]);

            range.select();

            setTimeout(function(){document.selection.empty();},500);

        }

    }

    $('.clip').append(

        $('<img />')

            .attr({

                title : "Copy to clipboard",

                src : "images/CopyToClipboard.ico",

                height : "12px",

                width : "12px",

                hspace : "0px",

                align : "absmiddle",

                border : "0"

                })

            .on("click", myClipHandler)

        )

        .on("dblclick", myClipHandler);

});