Okay, here is my problem as it stands. This has been 'bugging' me for ages. I would appreciate any help.

Basically, I have a form in the attached project, this form has a button image on it. When the mouse is moved over this image the image lights up (changes image), when the user moves the cursor off the image, it goes back to normal.

However, I am having quite a few problems with it as follows and would like it if someone could help me to:

Stop the Re-painting of the entire form every time as it really looks un-professional

Help to try and ensure that the image doesn't indent itself out of view as it currently does!

And finally, perhaps improve upon my current code to make it more efficient.

If you could take a second to download the .zip file, it contains all appropriate project files and the images.

I really do need some help on this and would appreciate anyones efforts or input into how I can resolve these problems.


Thanks, and merry christmas

Jord

I really would appreciate some help :)

Well, i'm not going to download your file and dig through it at the moment, but here's some ideas to look over that may apply.

First: Try it with CSS. I'm not sure if it will work for form submissions, but then, you could cheat as well and use javascript to tie a regular link to the form submission, like...

< a href="javascript:null(0);" onclick="document.form.submit();" class="changeimage">&nbsp;< /a>

not sure if it's submit or dosubmit, but it's a thought, so you would have more flexability than a form button would provide you.

Second, might look at the javascript your using to swap the image, maybe it's being extranious in what it's doing, as it should only be changing the src property.