Javascript onClick EJB method call problem

Question

Hi,
I am using JDeveloper to develop a supermarket comparison tool. I have
a JSP page called index.jsp which consists of a shopping list (shopping
cart type thing) and an iframe which displays my search.jsp page. The
search.jsp page is a list of all the items that can be added to the
shopping list. When a user clicks the add button for the corresponding
item, the cartBean addItem method is called and the itemID is passed
through. I have 3 items currently in my product list with individual
ID's, but when I click the add button on a particular item all 3 of the
items are added to my shopping list. Can anyone tell me why? and if so how can I resolve this problem?
Search.jsp:
<%
    //Get the list of items
    ArrayList itemList = null;
    try {
      itemList = items.getItems("Select * from items");          
    catch (Exception ex) {
      System.out.println(ex.getMessage());
    %>
    <table class='resultsTable' cellpadding='10' cellspacing='10'><%
      for (Iterator iter = itemList.iterator(); iter.hasNext();){        
        ItemsEJBBean product = (ItemsEJBBean) iter.next();%>
            <tr>     
          <td><%="<img src='images/items/"+product.getItemImg()+".jpg' width='77' height='45'>"%></td>
          <td><h3><%= product.getItemName()%></h3><%= product.getItemDesc()%></td>
          <td><a href="#"><img src="images/add.gif" width="47" height="19" border="0" name="addButton<%=product.getItemId()%>" id="<%=product.getItemId()%>" onMouseOver="MM_swapImage('addButton<%=product.getItemId()%>','','images/add_hover.gif',1)" onMouseOut="MM_swapImgRestore()" onclick="<%/*addNewItem(product.getItemId());*/ list.addItem(new Integer (product.getItemId()));%>window.parent.location.reload(false);"></a></td> 
            </tr><%
      %>
      </table>
      <%CartBean code snippet:
public void addItem(Integer itemID)
    if(getItemCount() < max)
      contents.add(itemID);
  public void removeItem(Integer itemID) throws ItemException
   boolean result = contents.remove(itemID);
    if(result == false)
      throw new ItemException(itemID + " not in list.");
    else
      contents.remove(itemID);
  public Vector getContents()
    return contents;
  public int getItemCount()
    if (contents == null)
      return 0;
    else
      return contents.size();
   public int getItemCountRemain()
    if (contents == null)
      return max;
    else
      return max - contents.size();
}Any help would be most helpful. Thank you for your time :)

Answer 1

but when I click the add button on a particular item all 3 of the
items are added to my shopping list. Can anyone tell me why? and if so how > > can I resolve this problem?I don't think that clicking the button is what is causing your problem. The following line of code is the problem:
<td><a href="#"><img src="images/add.gif" width="47" height="19"
border="0" name="addButton<%=product.getItemId()%>" id="<%=product.getItemId()%>"
onMouseOver="MM_swapImage('addButton<%=product.getItemId()%>','','images/add_hover.gif',1)"
onMouseOut="MM_swapImgRestore()"
onclick="<%/*addNewItem(product.getItemId());*/ list.addItem(new Integer (product.getItemId()));%>
window.parent.location.reload(false);"></a></td> When you are trying to create the onClick, you are invoking list.addItem. You are doing this for each item. By the way, I don't think the resulting onClick will actually do anything. It will evaluate to the item id and nothing will happen. You need to trigger a request to the server here (e.g. by submitting a form and including the correct item id).