You need to use CCS Hidden control in the HTML, then use JavaScript code to pass different parameters:
function update() {
document.ages1.Hidden1.value = "Submit";
document.ages1.Hidden1.name= "Button_Update";
document.ages1.submit();
}
When you click an image link the JS code is fired and the Hidden control gets the corresponding name and the value. Thus when form is submitted the operation name (e.g. Submit) and button name are passed as parameters from the form. Those parameters are read by the code and execture corresponding operations (insert, update, delete).
I successfully use the following JS code:
<script language = "JavaScript">
function insert() {
document.ages1.Hidden1.value = "Add";
document.ages1.Hidden1.name= "Button_Insert";
document.ages1.submit();
}
function update() {
document.ages1.Hidden2.value = "Submit";
document.ages1.Hidden2.name= "Button_Update";
document.ages1.submit();
}
function delete_f() {
document.ages1.Hidden3.value = "Delete";
document.ages1.Hidden3.name= "Button_Delete";
document.ages1.submit();
}
</script>
And here is the relevant HTML (please remember about using Hidden CCS controls, not just HTML code)
<a href="javascript:insert()"> <img src=images/Insert.gif> </a>
<input type="hidden" name="{Hidden1_Name}" value="{Hidden1}">
<a href="javascript:update()"> <img src=images/Update.gif> </a>
<input type="hidden" name="{Hidden2_Name}" value="{Hidden2}">
<a href="javascript:delete_f()"> <img src=images/Delete.gif> </a>
<input type="hidden" name="{Hidden3_Name}" value="{Hidden3}">
