Skip navigation
drennan_uk
drennan_uk
Currently Being Moderated

Repeat Region failing in IE7

Apr 16, 2012 9:11 AM

Hi All,

 

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

564 Views   9 Replies   Latest reply: drennan_uk, Apr 17, 2012 8:45 AM
 
Replies
  • bregent
    Currently Being Moderated
    1. bregent,
    Apr 16, 2012 9:33 AM   in reply to drennan_uk
    Report

    Could it be one of the 660 errors you have on the page

     

    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fusers.fluxcre ative.co.uk%2Flisajane%2Fpreview%2Fdresses.php

     

    Seriously, you need address that. Many of those will cause the problems you are seeing.

     
    |
    Mark as:
  • drennan_uk
    Currently Being Moderated
    2. drennan_uk,
    Apr 16, 2012 9:36 AM   in reply to bregent
    Report

    Lol, fair point! I did validate a few weeks ago but have made a lot of changes since. I'll work through them.  Thanks.

     
    |
    Mark as:
  • bregent
    Currently Being Moderated
    3. bregent,
    Apr 16, 2012 9:40 AM   in reply to drennan_uk
    Report

    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.

     
    |
    Mark as:
  • drennan_uk
    Currently Being Moderated
    4. drennan_uk,
    Apr 16, 2012 10:29 AM   in reply to bregent
    Report

    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.

     
    |
    Mark as:
  • bregent
    Currently Being Moderated
    5. bregent,
    Apr 16, 2012 10:31 AM   in reply to drennan_uk
    Report

    Use a counter in the repeat region  to append to the form name and id. That way they will be unique.

     
    |
    Mark as:
  • drennan_uk
    Currently Being Moderated
    6. drennan_uk,
    Apr 16, 2012 10:33 AM   in reply to bregent
    Report

    Thank you. Wasn't aware of counters so will research this and correct my method.

     
    |
    Mark as:
  • drennan_uk
    Currently Being Moderated
    7. drennan_uk,
    Apr 16, 2012 3:51 PM   in reply to drennan_uk
    Report

    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

     

    $(document).ready(function() {

        $("input#zoomProduct").colorbox({href: function(){

            var url = $(this).parents('form').attr('action');

            var ser = $(this).parents('form').serialize(); //alert(url+'?'+ser);

            return url+'?'+ser;

        }, innerWidth:760, innerHeight:"554", iframe:true});

    });

     
    |
    Mark as:
  • drennan_uk
    Currently Being Moderated
    8. drennan_uk,
    Apr 17, 2012 6:41 AM   in reply to drennan_uk
    Report

    I guess what I'm trying to do is add some sort of counter to the submit button's ID, without it conflicting with the above javascript that launches the popup. I've stripped the code back to basics now so it's easier to troubleshoot. Any help really appreciated. http://goo.gl/DVq2S

     
    |
    Mark as:
  • drennan_uk
    Currently Being Moderated
    9. drennan_uk,
    Apr 17, 2012 8:45 AM   in reply to drennan_uk
    Report

    OK I got it.  $("input.zoomProduct").colorbox then add the class 'zoomProduct' to the button and add a counter to the button ID.

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points