Results 1 to 2 of 2

Thread: Forms button image change with rolleover

  1. #1

    Default Forms button image change with rolleover

    I have a client that is demanding that their forms submit and reset buttons be custom, futhermore they need to have two states, mose over and normal.

    I have tried what has been written here but it does not work in Fusion 12. I can get the image to load usin CSS but the size is wrong and it will not adjust regardless of what setting I use.

    The next hurdle would be to add the mouse over effect.

    Your help is greatly apprieciated.


    This is what I have treid
    Last edited by shamim; 06-18-2012 at 03:23 AM.

  2. #2
    Junior Member
    Join Date
    Apr 2012
    St. Albans., Herts., UK


    I don't know if this helps, but this snippet does work for a form submission page on my own site; and gives a custom submit button with mouseover chage, as well as an enhanced tooltip! I have not used the mouseover functions built into NOF as I don't find them to work too well:

    <a href="javascript:document.Text1FORM.submit()"
    onclick="return val_form_this_page()">
    <img src="../assets/images/CheckIL_off.png" class="pngfix" width="64" height="64" hspace="64" border="0" align="middle" alt="" title="" name="sub_but" onMouseover="ddrivetip('Completed all the sections?<BR>Click to send your e-mail', '#DBD5A9', 190)"; onMouseout="hideddrivetip()" tabindex="7">

    This does something similar for the reset button:

    <input type="image" src="../assets/images/ErrorIL_off.png" class="pngfix" name="clear" id="clear" alt="" title="" width="64" height="64" hspace="64" border="0" align="middle" onmouseover="this.src='../assets/images/ErrorIL_on.png', ddrivetip('Made a mistake somewhere?<BR>Click to start again', '#DBD5A9', 200)" onmouseout="this.src='../assets/images/ErrorIL_off.png', hideddrivetip()" ONCLICK="window.location.href='tectite.html'; return false;" tabindex="8">

    Obviously you'll need to edit and adapt for your own form submission script etc.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts