okay so ive gotten as far as being able to add an alert message when the submit button is clicked, but i ried to modify it to change the button to the image with:
<script>
$(document).ready(function() {
$("#button").click(function() {
$(this).src="images/loading.gif";
});
});
</script>
but with no luck. I'm definitely targeting the right element because
<script>
$(document).ready(function() {
$("#button").click(function() {
alert("submit button clicked!");
});
});
</script>
works perfectly. anyone know what i need to do?
EDIT:
have figured how to replace the submit button with a loading gif on form submit
<script>
<script>
$('#uploadform').submit(function() {
$("#button").replaceWith( "<img src='images/loader.gif' class='loading'/>" );
});
</script>
BUT, weirdly it works in IE but not chrome?? in chrome it does replace it, but the gif is invisible?
