SOLVED

Replace Submit Button with JPG?

Go to solution
Anonymous
Not applicable

Re: Replace Submit Button with JPG?

Thanks Haven this code worked!

In addition to this, do you have a code to change the image on mouseover?

I have tried this, but to no avail:

<script type="text/javascript">

$(document).ready(function(){

setTimeout(function(){

$('button.mktoButton[type=submit]').after('<img src="http://go.exinda.com/rs/exinda2/images/getthewp_orange.png" 
onmouseover="http://go.exinda.com/rs/exinda2/images/getthewp_green.png'" 
onmouseout="this.src='http://go.exinda.com/rs/exinda2/images/getthewp_orange.png'" style="cursor:pointer" class="myOwnButton"/>');

$('img.myOwnButton').click(function(){

$('button.mktoButton[type=submit]').click();

});

},2000)
 
});
</script> 
Anonymous
Not applicable

Re: Replace Submit Button with JPG?

Jahel please try

<script type="text/javascript">

$(document).ready(function(){
 
    setTimeout(function(){
 
        $('button.mktoButton[type=submit]').after('<img src="http://go.exinda.com/rs/exinda2/images/getthewp_orange.png" style="cursor:pointer" class="myOwnButton"/>');
 
        $('img.myOwnButton').click(function(){
 
            $('button.mktoButton[type=submit]').click();
 
        });
 
        $('img.myOwnButton')
                .mouseenter(function() {
                    var src = "http://go.exinda.com/rs/exinda2/images/getthewp_green.png";
 
                    $(this).attr("src", src);
                })
                .mouseleave(function() {
                    var src = "http://go.exinda.com/rs/exinda2/images/getthewp_orange.png";
                    $(this).attr("src", src);
                });
 
    },2000)
 
});

</script> 
Anonymous
Not applicable

Re: Replace Submit Button with JPG?

You solved it again!

Thanks a lot  Haven
Bou_Xiong
Level 2

Re: Replace Submit Button with JPG?

Hello Haven,

I've been trying to make updates to my form button, but it doesn't seem to be working for me.
Would you be able to help out?