Bouton qui reste enfoncé

Bonsoir
Je souhaite ajouter à mon site un bouton qui reste enfoncé après avoir cliqué sur celui-ci, j'ai trouvé un site qui me permettait d'intégrer le bouton que justement je cherchais (celui des likes sur tumblr) et j'ai donc pris le code qu'ils proposaient
Le seul souci c'est qu'avec ce code le bouton ne reste pas enfoncé après avoir cliqué dessus (aucun moyen donc de savoir si on a bien aimé l'article ou non) et je ne vois pas ce qui pourrait clocher dans le code
Voici la partie concernée :

  <style>
.my-like {
    background-image: url(/*première image*/) !important;
    height:23px;
    width:20px;
    cursor:pointer;
    display:block;
    margin-left: auto;
    margin-right: auto;
}
    .my-liked, .my-like:hover, .my-like:active {
    background-image: url(/*deuxième image*/) !important;
    height:23px;
    width:20px;
    cursor:pointer;
    display:block;
    margin-left: auto;
    margin-right: auto;
    

}
</style>
<script>
window.onload = function () {

document.addEventListener( 'click', function ( event ) {
    var myLike = event.target;
    if( myLike.className.indexOf( 'my-like' ) > -1 ) {
        var frame = document.getElementById( 'my-like-frame' ),
            liked = ( myLike.className == 'my-liked' ),
            command = liked ? 'unlike' : 'like',
            reblog = myLike.getAttribute( 'data-reblog' ),
            id = myLike.getAttribute( 'data-id' ),
            oauth = reblog.slice( -8 );
        frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
        liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
    };
}, false );
};
</script>

J'attend donc votre aide et vos suggestions !
Merci d'avance