title: Javascript mouseover event to change form submit button image
body: <p>I am attempting to dynamically change the &quot;src&quot; attribute of a form submit button via JavaScript by containing the form element within a link in order to capture the mouseover event.  Here is my code:</p>
  <pre><code>&lt;SCRIPT language=&quot;JavaScript&quot;&gt;
    paypal_img_mouse_over = new Image(120,120); 
    paypal_img = new Image(120,120); 
    paypal_img_mouse_over.src=&quot;Paypal_Button_Mouseover.png&quot;; 
    paypal_img.src=&quot;Paypal_Button.png&quot;; 
  
  function Paypal_Mouse_Over()
  {
    document.Paypal_Button.src=paypal_img_mouse_over.src;
  }
  function Paypal_Mouse_Out()
  {
    document.Paypal_Button.src=paypal_img.src;
  } 
  &lt;/script&gt;
  </code></pre>
  <p>...</p>
  <p>And later on, the form element:</p>
  <p>...</p>
  <pre><code>    &lt;a href=&quot;#&quot; onMouseOver=&quot;Paypal_Mouse_Over()&quot; onMouseOut=&quot;Paypal_Mouse_Out()&quot;&gt;
          &lt;input type=&quot;image&quot; src=&quot;Paypal_Button.png&quot; name=&quot;Paypal_Button&quot; id=&quot;Paypal_Button&quot; value=&quot; Continue &quot;&gt;
      &lt;/a&gt;
  &lt;/form&gt;
  </code></pre>
  <p>Should this method be working as rollover effect for my form submit image?</p>