Results 1 to 5 of 5

Thread: CSS, Ajax and IE 7

  1. #1
    Join Date
    May 2013
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default CSS, Ajax and IE 7

    Hi,

    I operate the website www.root2020.com. I am having a well-known issue with IE 7 compatibility and was wondering if anyone here could help me. Essentially I have some CSS that works fine before the innerHTML is called, but when I attempt to call it again (the same code) the CSS doesn't come out right. The issue is with the control panel on the left side of the page. When people accomplish goals it reloads the score panel to reflect the new score, which in turn ends up being a CSS bulleted list rather then the pop-out menu.

    Thank you,
    James

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,934
    Thanks
    43
    Thanked 3,192 Times in 3,155 Posts
    Blog Entries
    12

    Default

    Please give some specific instructions. Like, what do I have to do to see this in action? Tell me exactly what I have to click on, mouseover, fill out, submit, or whatever, and what exact order I need to do those things in order to see the problem. Oh, and where's the "score panel"?
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    May 2013
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Response

    Quote Originally Posted by jscheuer1 View Post
    Please give some specific instructions. Like, what do I have to do to see this in action? Tell me exactly what I have to click on, mouseover, fill out, submit, or whatever, and what exact order I need to do those things in order to see the problem. Oh, and where's the "score panel"?
    Hi,

    Thank you for your quick response. In order to see it in action, use IE 7 compatibility mode in IE 10. After that, go to "Todays Goals" under the "Overall" section of the left-side control panel. You will see a goal or goals named "test". Click to complete the goal, and the error will show up.

    Thanks,
    James

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,934
    Thanks
    43
    Thanked 3,192 Times in 3,155 Posts
    Blog Entries
    12

    Default

    Doesn't seem to happen in a real IE 7, so I wouldn't worry about it. You can put a meta tag on the page to make relatively sure that IE will not use compatibility mode:

    HTML Code:
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    Use it as the first meta tag in the head of the page.

    Note: This will not prevent someone from switching to compatibility mode, and if they have their browser already in compatibility mode, this might not bring them out of it. But in most cases it (coupled with a standards invoking DOCTYPE like you already have) will force the IE browser to use its most recent rendering engine and not to invoke compatibility mode.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. The Following User Says Thank You to jscheuer1 For This Useful Post:

    jamesaurus (05-27-2013)

  6. #5
    Join Date
    May 2013
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Thank you very much John, it worked!

Similar Threads

  1. Resolved best practice login (secure data) via ajax - POST JSON AJAX
    By lse123 in forum JavaScript
    Replies: 12
    Last Post: 12-31-2012, 11:22 PM
  2. Replies: 5
    Last Post: 08-09-2012, 12:10 PM
  3. DHTML CrossBrowser Ajax Simulator - Ajax-style photo uploading example
    By diltony in forum Submit a DHTML or CSS code
    Replies: 4
    Last Post: 01-08-2012, 11:07 AM
  4. AJAX TABS accessing ajax script with field variable
    By euro121253 in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 09-29-2009, 05:55 PM
  5. [Ajax] Ajax Messages (Ajax Demonstration)
    By iMarc in forum Submit a DHTML or CSS code
    Replies: 2
    Last Post: 03-22-2007, 03:31 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •