MktoForms2 :: Thumbs Up/Down

HTML

<script src="http://chipersoft.com/Kalendae/build/kalendae.standalone.min.js"></script>
<link rel="stylesheet" href="http://chipersoft.com/Kalendae/build/kalendae.css">
<script src="//app-sj01.marketo.com/js/forms2/js/forms2.min.js"></script>
<span id="wasRelevant">Was this relevant for you?</span>
<form id="mktoForm_213"></form>
<form id="mktoForm_214"></form>
<script>
        
    MktoForms2.loadForm("//app-sj01.marketo.com", "410-XOR-673", 213,
    function(form) { 
        form.onSuccess(function(form){
            return hideForms([213,214]);
        });
    });
    MktoForms2.loadForm("//app-sj01.marketo.com", "410-XOR-673", 214,
    function(form) {     
        form.onSuccess(function(form){
            return hideForms([213,214]);
        });
    });
    
   function hideForms(forms) {
       for ( var i = 0, imax = forms.length; i < imax; i++ ) {
        var formEl = MktoForms2.getForm(forms[i]).getFormElem()[0];
        formEl.parentNode.removeChild(formEl);
    }
        document.getElementById('wasRelevant').innerHTML = 'Thanks for your feedback!';
        return false;
    }

</script>

CSS

.mktoForm { 
    display: inline; 
}
.mktoForm BUTTON {
    background-repeat: no-repeat !important;
    background-position: 85% center !important;
    text-align: left;
    width: 100px;
}
#mktoForm_213 BUTTON { 
    background-image: url(data:image/gif;base64,R0lGODlhFAAUANUgAP7FVPy9UeOpQNqbN8qULvC3SeqiLO2pNeKbIrmHIv20S/3OXNenMP3JPP7PQP3CNdCQF/6+P/i4O+i4N653FPbDPP7MSPqnRPqrOaJ0Gf7STOWxLd+ZFua/QPy0LP7UQ////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACAALAAAAAAUABQAAAapQJBwSCwajYvCcSlcLAQD5hHwjEqLAEBAcC0usoVDd7gIFCKScWAgEBQqHoM0MQjY71kOZNkuBLKAgAhHbW5/gQAKBwgIAxdDCQxtERYAGll3igKPQhkMEwwVHw4OlZl2CpADEhUNDg2uFhEKGAYGBxhDAwMHExsPDw0RBwQHtoxyQgoCDA3AEgwECRQJENYIyUIFAh2gBBQZ1AS72UQFBQME6upj7e5GQQA7);
}
#mktoForm_214 BUTTON { 
    background-image: url(data:image/gif;base64,R0lGODlhFAAUANUqAP20S/7FVPy9UdqbN/7STO2pNf6+P/i4O//SO/7PQPqrObmHIsqULuOpQOKbIv7MSNCQF+qiLN+ZFv3JPK53FOueCPqnRKJ0GZdrGf/WPZFjD7+GE/uwJPCmGP7UQ/3OXNenMP7XUfqoIv/aRf7dWuegGPzaTfy0LPC3SZ5oDP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACoALAAAAAAUABQAAAa1QJVwSCwaj0QAAHlUCgQB1JKpAggIhAe20ZgalYBAyITIjECLwdcpfiQQiAR6sRg6oR8SYQJHTA4FCxh2UAGGWRMJGR4TBgMpGoQfAVAPbgkJHoADFxgMQhYHBxZWUFgEAQoFCgwanyoFEQ4RCgoWhQIGIiIOnWoqshLCJR0cBgAFEhAbFBevsBEQDhAV1R2qzBS/VNIcJwVdVEUKogbiRgMG6udFAwUHDexDDAMN2/ID9/JHQQA7);
}