POP works in IE, but not Firefox

[007]

Just wondering if anyone knows the answer to this question:



I have the buttons all installed and working fine. When in IE 7, everything works as normal, but when in firefox, the cart opens in a new window rather than a pop-up.



Anyone have any ideas as to why ?

[avidcat]

Hi, I didn't test my own buttons on firefox but when I saw your post I thought I would test them out. My buttons work fine on firefox they open in the pop-up.



Can you give a link to your website?

[bubbles82]

Hi, I am having a similar problem. I have tried on several different computers and even on computers that have never been to the website. All cache cleared. Verified JavaScript is also turned on. Site works correctly in IE but not in firefox. The website is http://americanmusicshowcase.org/products.php



Thanks

[E-junkie_Guru]

The problem appears to be that you have each product's block of Add to Cart code split across separate table cells. The block from <form...> to </form> can have a complete table inside it, or it can be inside a single table cell, but it cannot be inside a table and then subdivided across separate cells. Some examples:



This will work:



<table>

<tr>

<td>

<form action="https://www.e-junkie.com/ecom/gb.php?c=cart&i=XXXXXX&cl=44474&ejc=2" target="ejejc" method="post" accept-charset="UTF-8">

Type:

<select name="o1">

<option value="Pick Up">Pick Up</option>

<option value="Ship">Ship</option>

</select>

<input type="hidden" name="on0" value="Date">

Date:

<select name="os0">

<option value="April 1st, Townville, AZ">April 1st, Townville, AZ</option>

</select>

<input type="image" src="http://www.e-junkie.com/ej/ejadd_to_cart.gif" onclick="javascript:return EJEJC_lc(this.parentNode);" border="0" alt="Add to Cart" class="ec_ejc_thkbx">

</form>

</td>

</tr>

</table>



This will also work:



<form action="https://www.e-junkie.com/ecom/gb.php?c=cart&i=XXXXXX&cl=44474&ejc=2" target="ejejc" method="post" accept-charset="UTF-8">

<table>

<tr>

<td>

Type:

<select name="o1">

<option value="Pick Up">Pick Up</option>

<option value="Ship">Ship</option>

</select>

<input type="hidden" name="on0" value="Date">

</td>

<td>

Date:

<select name="os0">

<option value="April 1st, Townville, AZ">April 1st, Townville, AZ</option>

</select>

</td>

<td>

<input type="image" src="http://www.e-junkie.com/ej/ejadd_to_cart.gif" onclick="javascript:return EJEJC_lc(this.parentNode);" border="0" alt="Add to Cart" class="ec_ejc_thkbx">

</td>

</tr>

</table>

</form>



But this will not work:



<table>

<tr>

<td>

<form action="https://www.e-junkie.com/ecom/gb.php?c=cart&i=XXXXXX&cl=44474&ejc=2" target="ejejc" method="post" accept-charset="UTF-8">

Type:

<select name="o1">

<option value="Pick Up">Pick Up</option>

<option value="Ship">Ship</option>

</select>

</td>

<td>

<input type="hidden" name="on0" value="Date">

</td>

<td>

Date:

<select name="os0">

<option value="April 1st, Townville, AZ">April 1st, Townville, AZ</option>

</select>

</td>

<td>

<input type="image" src="http://www.e-junkie.com/ej/ejadd_to_cart.gif" onclick="javascript:return EJEJC_lc(this.parentNode);" border="0" alt="Add to Cart" class="ec_ejc_thkbx">

</form>

</td>

</tr>

</table>

[bubbles82]

Thank you so much... That was it!!