JS popup message when adding item to cart.php

Question

I have this line of code:

<form name="addtocart" method="post" action="cart.php">
<input type="text" size="3" name="qty" value=""><input type="hidden" name="action" value="add_item"><input type="hidden" name="id" value="<?php echo $record->itemId; ?>"><input type="image" src="../css/images/cart.png" align=absmiddle >
<a href="favorites.php?action=setFavorite&itemnr=<?php echo $record->itemId; ?>"><img src="../css/images/favorite.png" align="absmiddle" alt="Toevoegen aan favorieten" title="Toevoegen aan favorieten" border="0"></a>
</form>

Now I want to display a popup when a item is added to cart.php. I have tried a simple onclick event, this works, but then the item is not added to the cart. It just displays the popup.

So I just want something you see on most modern webshops, but I am completely new to JS, so except for onclick I have no more knowledge left on how to get this done. I have google'd for ever, so i thought maybe someone here might give a little tip or example on how to get this done.

Thanks a bunch!

Answer 1

Considering your current JS code :

onclick="window.open('test.php'); return false"

Just remove return false as it prevents the form from being validated. SO

onclick="window.open('test.php');"

Should open the popup, validate the form, and redirect current page to cart.php.