I've just fnished my first database-driven website and have hit a BIG problem just before it's about to go live! I have a repeat region for each product, which contains a form. There is a 'more info' button (which is actually a submit button) and this passes the product data to a lightbox-style popup. I've been making sure this all works on Safari, firefox and IE8 but have just tested it on IE7 and only the first 'more info' button works. I don't have a clue why. I would be soooo grateful if someone could have a look at my code and tell me what's going wrong. Having a bit of a panic now! thanks guys
Here's the page http://goo.gl/5rlgc
Could it be one of the 660 errors you have on the page
Seriously, you need address that. Many of those will cause the problems you are seeing.
What might help is to create the same page but use a query that only returns one item. That will make it easier to find unbalanced tags. Also be aware that you are using the same id more than once on the page - that's no good.
So it looks like over 600 of the errors were due to my method of repeating the same IDs in a repeat region. I have cleaned up the other validation errors now, by removing the PHP stuff and revalidating. I'm confused about setting up a repeat region now as this was working on other browser so I thought it was the correct method. For example, the form used to pass data to the iframe is called 'form' so how would I stop this form ID repeating and causing validation to fail? I appreciate this may be difficult to explain in full but if you know of a good tutorial, it would really help me out. Thanks again.
Hi again. I've managed to get rid of all the validation errors (apart from one) using a counter as suggested. The only problem now is with the ID of the submit button (zoomProduct). Do you know how I could avoid duplication of this ID without breaking the function below, which triggers the popup? Thanks for your help so far, I'm one step away from going live now
var url = $(this).parents('form').attr('action');
var ser = $(this).parents('form').serialize(); //alert(url+'?'+ser);
}, innerWidth:760, innerHeight:"554", iframe:true});