Home/ Questions/Q 4058476
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T15:05:04+00:00

Perhaps not the best title, but here is the issue. We are creating a

  • 0

Perhaps not the best title, but here is the issue.

We are creating a submit button, that changes state when user clicks to processing. But wanted to spice it up with a loader image.

So working code is:

<a href='#' class='red' onClick="$(this).update('Processing...'); return false;" style="border:0"><img src='img/check.png' style='vertical-align: middle' /> Finish and Pay</a>

What I am after is:

<a href='#' class='red' onClick="$(this).update('<img src='/img/loader.gif'>Processing...'); return false;" style="border:0"><img src='img/check.png' style='vertical-align: middle' /> Finish and Pay</a>

But it isnt complying, I know it must be a bad declaration, just not sure what I am doing wrong. Or if indeed img src needs to be absolute.

Any help cheers

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    These quotes are not properly escaped:

    '<img src='/img/loader.gif'>Processing...'

    Also, you may want to assign this click function elsewhere (I don’t like creating tags inside an attribute, that can be confusing), and I would definitely close that tag.

    This might work better:

    '<img src=\'/img/loader.gif\' />Processing...'
    • 0