Lightbox & Feedback Button not working on IE9

  • Profile Image
    antoniooi
    Asked on October 08, 2011 at 04:29 AM

    Hi,

    I was requested to open a new thread regarding this issue. My issue is:

    The feedback button not appear at all and the lightbox totally not poped up after clicking the link. It only works on all other browsers except IE9. While I can't wait for your response, I have tentatively changed my lightbox implementation for my 'Order Now' link to a dynamic javascript redirection to a page-embed form based on browser detection. However, the lightbox is still working for other browsers by using this javascript.

     

    But do let me know once you guys have the solution for IE9. Thank you. 

    P/S: This is the URL that you guys can take a look on:

    http://otkwebdesign.blogspot.com/p/pricing.html

     

    Antonio

     

  • Profile Image
    liyam
    Answered on October 08, 2011 at 05:17 AM

    Thank you for posting a new topic, Antonio.

    I have submitted a new ticket for this issue.  Our development team will respond to this as soon as they can.

    Thank you for your patience.

  • Profile Image
    liyam
    Answered on October 10, 2011 at 12:28 PM

    Sorry it took some time to figure this out, Antonio.

    One of our developers pointed out that this is not actually an IE9 issue.  Here's what I found:

    You loaded <script src='//www.jotform.net/min/g=feedback' type='text/javascript'> twice.  Please just put <script> on the 2nd one instead.  Then try removing the onclick attributes on the order form feedback links and tell us if it's working or not.

    To explain what's happening. IE is strict when it comes to multiple loading of scripts.  When a script source is loaded twice, it returns an error. 

    Thanks,

    liyam

  • Profile Image
    antoniooi
    Answered on October 10, 2011 at 12:52 PM

    Hi Liyam,

    Thanks for the reply. I loaded twice because I need the globally appeared Feedback button as well. However, if I don't load it twice, would it cause any other problem if I instantiate JotformFeedback twice within the same <script>?

    <script src='//www.jotform.net/min/g=feedback' type='text/javascript'>

                new JotformFeedback({

                    formId: "xxxxxxxxx",

                    base: "http://www.jotform.net/",

                    windowTitle: "Web Design Work Order",

                    background: "#FFA500",

                    fontColor: "#FFFFFF",

                    type: false,

                    height: 500,

                    width: 570

                });

    new JotformFeedback({

    formId: "yyyyyyyyyyy",

    buttonText: "Feedback",

    base: "http://www.jotform.net/",

    background:'#242222',

    fontColor:'#f8bf69',

    buttonSide: "right",

    buttonAlign: "center",

    type:false,

    width: 430,height: 580});

        </script>

    Or did I misunderstand you somewhere? Another thing came into my mind: What if I prefer to load the Work Order Form only when the page that needed it is loaded rather than keep loading it unnecessarily? If this is the case, how I can advoid declaring the <script> twice? Please advise.

    Thanks.

    Antonio

  • Profile Image
    liyam
    Answered on October 10, 2011 at 01:00 PM

    Hello Antonio,

    no, it should be something like this:

    <script src='//www.jotform.net/min/g=feedback' type='text/javascript'>
                new JotformFeedback
    ({
                    formId: "xxxxxxxxx",
                    base: "http://www.jotform.net/",
                    windowTitle: "Web Design Work Order",
                    background: "#FFA500",
                    fontColor: "#FFFFFF",
                    type: false,
                    height: 500,
                    width: 570

                });
    </script>

    Html code html code....
    /* 2nd script starts here */

    <script>
                new JotformFeedback({
                    formId: "yyyyyyyyyyy",
                    buttonText: "Feedback",
                    base: "http://www.jotform.net/",
                    background:'#242222',
                    fontColor:'#f8bf69',
                    buttonSide: "right",
                    buttonAlign: "center",
                    type:false,
                    width: 430,height: 580});

    </script>        


  • Profile Image
    liyam
    Answered on October 10, 2011 at 01:01 PM

    Or instead of just script, use this:

    <script type='text/javascript'>

    Note: I removed the src

  • Profile Image
    antoniooi
    Answered on October 10, 2011 at 01:09 PM

    Oh ok, let me try it out tomorrow. To address my second concern, I think I can put the one with SRC in the <head></head> tag and the rest without the SRC somewhere in the <body> since the Feedback button must always be visible. But still need to try out if that is really the cause on IE9.

    I will update you tomorrow. Thanks!

    Antonio

  • Profile Image
    liyam
    Answered on October 10, 2011 at 01:31 PM

    Hello Antonio,

    Sorry I missed answering your 2nd concern.  Placing the code in your blogger template will make it appear in all parts of your site. It won't really matter if you place it in between your header tags or your body tags, just make sure that this is loaded first before the lightbox scripts. This is because your blogger is depended on the template, no matter what part of your page gets visited, it will always load the template. 

    If you need further clarification regarding these concerns, please let us know.

    Thanks.

  • Profile Image
    antoniooi
    Answered on October 10, 2011 at 01:47 PM

    Hi Liyam,

    Not really unless you place it on the template code or layout element. If you place the code, e.g. the one without the SRC, on a particular blog post/page, the scrpt won't be loaded when you load other pages.

    Antonio

  • Profile Image
    liyam
    Answered on October 10, 2011 at 09:48 PM

    I believe that's how you edit the template in your blogger (not sure if there are other means).  Using the Edit HTML mode will allow you to edit the whole template and insert or remove anything within your page. 

    You can always click the Expand Widgets Templates checkbox to see where the widgets are loading while you are in your Edit Template mode.  But yes, the safest would be to put the script on the header part.

  • Profile Image
    antoniooi
    Answered on October 11, 2011 at 04:33 AM

    Hi Liyam,

    Everything now working perfectly on all browsers, including IE9:

    http://otkwebdesign.blogspot.com/p/pricing.html

    Thanks to all your development and support team for a great work!

    P/S: Remember to get us informed once JotForm has made its reseller/referral program available for the web designers!

    Antonio

  • Profile Image
    liyam
    Answered on October 11, 2011 at 07:22 AM

    It's good to know that your web page functions properly now, Antonio.

    We'll keep you posted once we have a reseller/referal program for users.

    Thanks and warm regards,

    Liyam