Need assistance adding a CANCEL button next to a SAVE button in a form 1

[rleyba828]

Hi team,

I'm very new to javascript but I have an urgent requirement to be able to add a "Cancel" button next to a "Save" button on a form I'm building. The form itself is in PHP but the template allows us to insert javascript code there. I have a small snippet below and I just need a way so that next to the "Save" button will be a "Cancel" button where if the user clicks it, it aborts the form data entry and goes back to the previous page, as though the user pressed the "back" button on his/her browser.

Thanks very much for all the help.

<!--<fieldset><legend></legend>-->
 <table><tr><td> <input name="--session:save" value="Save" type="submit" />

  </td><td>   </td></tr></table>
  <!--</fieldset>--> 
    
      
   
      </div>
<div class="formHelp"></div>
</div>
</td>
</tr> 
</table></div>
</form>

 

[jpadie]

The easiest way to implement this is to attach a JavaScript event to a click on the new button that will traverse the history back one notch.

Other methods include maintaining (false) state on the server side or showing the form as a modal dialogue (when the cancel button just dismisses the dialogue).

 

[rleyba828]

Thanks jpadie.
I was particularly interested in the JavaScript code that would allow me to add the cancel button on the form. Not sure how to set that up.

Thanks.

 

[jpadie]

<button onclick="history.go(-1);">Cancel</button>

 

[rleyba828]

I'll try this out and post the results. Will let you know how it goes....thanks.

 

[rleyba828]

Working perfectly, thanks very much.