creating an image button when using struts

[yuchuang]

Below is one of the column of my table:

Code:

<display:column title="Action" class="tabletext3" headerClass="mainpanel2header">
      <logic:match value="1" name="researchPaper" property="docStatus">
            <img src="<c:out value='${imagesPath}'/>/icon_unpublish.gif" alt="Unpublish" border="0" width="13">
      </logic:match>
      <logic:notMatch value="1" name="researchPaper" property="docStatus"> 
            <img src="<c:out value='${imagesPath}'/>/icon_modify.gif" alt="Modify" border="0" width="13">
            <img src="<c:out value='${imagesPath}'/>/icon_publish.gif" alt="Publish" border="0" width="13">
            <img src="<c:out value='${imagesPath}'/>/icon_delete.gif" alt="Delete" border="0" width="13">
       </logic:notMatch>                                            
</display:column>

For those images, i want to make them into button so that when i click on them i will be able to call the javascript for a pop up window and when click ok, it will do the action that i wanted.

Below is the javascript i used for the pop up window:

Code:

function confirmUnpublish()
  {
  var r=confirm("Click OK to confirm unpublish")
  if (r)
    {
        url=" ";
        window.location.href=url;
    }
  else
    {
        return false;
    }
  }

Since i'm using struts, anyone knows how to do the image button?

[pegitha]

the <img /> tag will allow you to have an onclick="" element in it. Use that to call the javascript.