Subversion Repositories DevTools

<script language="JavaScript">

//  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);

        // Copy to clipboard

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

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

        $temp.val($.trim(el.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 (doc.body.createTextRange) {

            range = document.body.createTextRange();

            range.moveToElementText(el[0]);

            range.select();

        } else if (window.getSelection) {

            selection = window.getSelection();        

            range = document.createRange();

            range.selectNodeContents(el[0]);

            selection.removeAllRanges();

            selection.addRange(range);

        }

    }

    $('.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);

});

</script>