I want to src my submit button in a form using javascript. Is this possible?

It would look something like this but with the src coming from javascript.

<input type="image" name="SubmitFormBut" src="img/Submit.gif" alt="Submit Form" height="22" width="91">

You wouldn't have to change the code you have, though you probably want to add an id to the input. You could write your JavaScript to hook into the id document.getElementById('your-id') and then programmatically change the src of the input in any way you like.

Thanks. Pardon my ignorance, I'm not a javascript coder.

So I would and and Id="whatever" to my input. Then in my head I would write a piece of js would get the img/Submit.gif from its location and tell it to use it in my input? Is this done by a variable or function?

Yep. You add the id and then in the javascript you can reference it through the getElementById() tag. Assuming you use an id="SubmitFormBut" then in your javascript you could have

var button = document.getElementById('SubmitFormBut');
var buttonSrc = button.src;

You could also combine the above into one statement.

What you want to do from there depends on what you're trying to do. Why do you want to change the image? What will cause the image to change? Is it a rollover or is it based on a specific page or based on the user?

Hey fantastic. Thanks for the help.

Yeah, rollover based on the user. We have several portals where clients log in and we intend to customize certain elements on the page, one being the submit button on our form.

Okay, so my id="SubmitFormBut".

And I put the javascript in the head like so:

<script type="text/javascript">
function()
var button = document.getElementById('SubmitFormBut');
var buttonSrc = button.src;
</script>

The body tag would be:

<input type="image" name="SubmitFormBut" id="SubmitFormBut" src="img/button.gif" alt="Submit Form" height="22" width="91">


And what happens if they have their browser's javascript turned off?