Pagina opslaan bij het klikken van een button

[Fosters]

Beste forumgebruikers,

Momenteel ben ik bezig met het opzetten van een urenregistratiesysteem. Medewerkers kunnen in een webapplicatie hun uren invullen die ze aan bepaalde projecten besteden. Zie het screenshot hieronder:

De buttons werken eigenlijk naar behoren, maar ik zou nog een extra 'Save-moment' toe willen voegen.

Stel ik heb voor een week wat uren gepland, en ik klik op 'Volgende week' zonder op te slaan, dan zijn mijn gegevens weg. Ik zou graag willen dat als ik op Vorige week of Volgende week klik, dat de pagina ook opgeslagen wordt.

Ik weet niet precies of dit alleen in de HTML zit of ook in PHP. Bijgevoegd het deel van de HTML pagina.

<!-- BEGIN: main -->
<script language="JavaScript">
<!--
function jumpTo(date) {
	var calDateObj = getDateObject(date);
 document.forms['EditMatrix'].day.value = calDateObj.getFullYear() + '-' + (calDateObj.getMonth() + 1) + '-' + calDateObj.getDate();
 document.forms['EditMatrix'].submit();
}
//-->
</script>
<script language="javascript" src="modules/Timesheet/ajax.js?1"></script>
<form name="EditMatrix" method="GET" action="index.php">
<input type="hidden" name="module" value="Timesheet">
<input type="hidden" name="record" value="{ID}">
<input type="hidden" name="day">
<input type="hidden" name="action" value="EditDailyMatrix">
<input type="hidden" name="return_module" value="{RETURN_MODULE}">
<input type="hidden" name="return_id" value="{RETURN_ID}">
<input type="hidden" name="return_action" value="{RETURN_ACTION}">
</form>

<form id="EditView" name="EditView" method="POST" action="index.php">
<input type="hidden" name="module" value="Timesheet">
<input type="hidden" name="record" value="{ID}">
<input type="hidden" name="isDuplicate" value="false">
<input type="hidden" name="action" value="SaveDailyMatrix">
<input type="hidden" name="ajax">
<input type="hidden" name="sugar_body_only">
<input type="hidden" name="return_module" value="{RETURN_MODULE}">
<input type="hidden" name="return_id" value="{RETURN_ID}">
<input type="hidden" name="return_action" value="{RETURN_ACTION}">
<input type="hidden" name="return_url" value="index.php?module=Timesheet&action=EditDailyMatrix">

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
	<td style="padding-bottom: 2px;">
			<input title="{APP.LBL_SAVE_BUTTON_TITLE}" accessKey="{APP.LBL_SAVE_BUTTON_KEY}" class="button" type="submit" name="button" value="  {APP.LBL_SAVE_BUTTON_LABEL}  " > 
			<input title="{APP.LBL_CANCEL_BUTTON_TITLE}" accessKey="{APP.LBL_CANCEL_BUTTON_KEY}" class="button" onclick="this.form.action.value='{RETURN_ACTION}'; this.form.module.value='{RETURN_MODULE}'; this.form.record.value='{RETURN_ID}'; clearFormVars(this.form)" type="submit" name="button" value="  {APP.LBL_CANCEL_BUTTON_LABEL}  ">
	</td>
 <td>
  <input onclick="document.forms['EditMatrix'].day.value = '{PREV_DAY}'; document.forms['EditMatrix'].submit();" type="button" class="button" value=" &laquo; {MOD.LBL_PREV_DAY} ">
   &nbsp;<span style="margin-left: 10px; margin-right: 10px; font-weight: bold; color: #990033">{DAY_OF_WEEK} {DAY}</span>&nbsp;
  <input  onclick="document.forms['EditMatrix'].day.value = '{NEXT_DAY}'; document.forms['EditMatrix'].submit();" type="button" class="button" value=" {MOD.LBL_NEXT_DAY} &raquo; ">&nbsp;
  <input  onclick="document.forms['EditMatrix'].day.value = ''; document.forms['EditMatrix'].submit();" type="button" class="button" value=" {MOD.LBL_TODAY} ">
  &nbsp;&nbsp;
  <input type="text" size="10" name="cal_date" id="cal_date" disabled>&nbsp;<img id="cal_date_trigger" src="themes/default/images/Calendar.gif" width="16" height="16" align="absmiddle" />&nbsp;<input type="button" class="button" value=" {MOD.LBL_JUMP_TO} " onclick="jumpTo(this.form.cal_date.value)" />
 <script language="JavaScript">
 <!--
 Calendar.setup({
    inputField : "cal_date",
    daFormat : cal_date_format,
    button : "cal_date_trigger",
    singleClick : true,
    step : 1,
    weekNumbers:true
 });
 //-->