WordPress.org

Support

Support » Plugins and Hacks » [Resolved] CoolClock not showing in IE8/9

[Resolved] CoolClock not showing in IE8/9

Viewing 15 replies - 1 through 15 (of 25 total)
  • Plugin Author RavanH
    Participant

    @ravanh

    Hi, there seems to be an issue with IE. Are you seeing the same effect as reported on http://wordpress.org/support/topic/second-hand ? Or does it not work at all for you?

    The issue discussed on the other thread seems to be related to all skins that use an outside ring around the clock. Skins that do not have such a ring like Classic or SecurePHP seem to work better… Until the issue as reported on https://github.com/simonbaird/CoolClock/issues/11 is resolved by the script developer.

    leejosepho
    Member

    @leejosepho

    Are you seeing the same effect as reported on http://wordpress.org/support/topic/second-hand ? Or does it not work at all for you?

    I do use the Sand skin with the outer ring (and I definitely hope to keep it!), but the clock does not show at all in IE8, and yes, I just took a look and I do have the problem with the second hand in IE9.

    PS: Part of the problem might be the fact that my Twenty Twelve Child Theme (with Twenty Twelve being the latest default theme for WordPress) is not yet as “friendly” with IE as I am hoping to make it.

    Plugin Author RavanH
    Participant

    @ravanh

    Strange… I look at your site in IE8 (even a crippled version running on Linux) and it does show the clock. No idea why it would not show in your browser. IE remains a pain in the @$$ as it always has been, I’m afraid.

    If you set the clock skin to Custom and paste this in the box below:

    smallIndicator:{lineWidth:3,startAt:50,endAt:70,color:"#0066FF",alpha:.5},
    largeIndicator:{lineWidth:200,startAt:80,endAt:95,color:"#996600",alpha:.75},
    hourHand:{lineWidth:4,startAt:0,endAt:65,color:"black",alpha:.9},
    minuteHand:{lineWidth:3,startAt:0,endAt:80,color:"black",alpha:.85},
    secondHand:{lineWidth:1,startAt:0,endAt:85,color:"black",alpha:1},
    secondDecoration:{lineWidth:2,startAt:5,radius:10,fillColor:"black",color:"black",alpha:1}

    then that second hand line issue is gone…

    Plugin Author RavanH
    Participant

    @ravanh

    OK, patched the script itself in the new version 2.9.2… The outer border gets removed in IE browsers automatically now.

    leejosepho
    Member

    @leejosepho

    Strange… I look at your site in IE8 (even a crippled version running on Linux) and it does show the clock. No idea why it would not show in your browser. IE remains a pain in the @$$ as it always has been, I’m afraid.

    Understood, and I am learning more of that almost daily!

    Your update has fixed the problem with the second hand, but I still cannot see the clock in XP/IE8 on either of my two machines here…and since you can, we can just leave all of this at that, if you wish.

    Nice clock.

    Plugin Author RavanH
    Participant

    @ravanh

    I think I am closer to what might be causing this on your site. Near the top of your header.php there is this line:
    <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>

    Please remove it. It should not be necessary with HTML5 DOCTYPE nor is it suitable for production sites.

    After that, let me know if the clock still does not show…

    leejosepho
    Member

    @leejosepho

    I had done that prior to my earlier report here and saw no difference with the clock, but I have just now again removed it and will leave it out for now. That line seems to help IE8 load a bit faster, but I do not know it to be absolutely necessary for anything to work at my site.

    FYI: I also have this at work in functions.php (via a plugin)…

    function fix_ie8() {
    if (strpos($_SERVER['HTTP_USER_AGENT'],"MSIE 8")) {header("X-UA-Compatible: IE=7");}
    }
    add_action('send_headers','fix_ie8');

    …and that is there to make your IE8 typing display the dots in my Password box during Login! However, I had disabled that earlier also and doing that had no affect on the clock.

    Plugin Author RavanH
    Participant

    @ravanh

    Very strange… Could you take a look at http://demo.status301.net/news/ which has the same clock on the right and using the twenty twelve theme.

    In IE8 you should notice that there normally is a Compatibility View button next to the address field. This button disappears when viewing your site, which would indicate there is a X-UA-Compatible meta tag forcing it to some mode (I suspect Quicks mode but I cannot verify that)… I had the impression this would be solved by removing that line as I suggested before.

    And you say you disabled that code snippet in functions.php ? Strange…

    Then I have no other explanation. Maybe there is something in your .htaccess that generates a header("X-UA-Compatible: IE=7") or similar response?

    leejosepho
    Member

    @leejosepho

    Very strange… Could you take a look at http://demo.status301.net/news/ which has the same clock on the right and using the twenty twelve theme.

    Yes, very strange, the clock does not work for me in XP/IE8 there either, and I do not lose my Compatibility View button at my site.

    Maybe there is something in your .htaccess that generates a header(“X-UA-Compatible: IE=7”) or similar response?

    I see nothing like that in there, but BulletProof Security has written that file and I will ask that question over there.

    Many thanks for going way out of your way to try to help here!

    Plugin Author RavanH
    Participant

    @ravanh

    Checking the server response headers when spoofing my Chrome browser as IE8 with:

    User-Agent:Mozilla/5.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727)

    I get:

    Connection:Keep-Alive
    Content-Encoding:gzip
    Content-Length:6517
    Content-Type:text/html; charset=UTF-8
    Date:Sat, 05 Jan 2013 11:00:41 GMT
    Keep-Alive:timeout=10, max=30
    Server:Apache
    Vary:Accept-Encoding
    X-Pingback:http://www.nonameyet.org/xmlrpc.php
    X-UA-Compatible:IE=7

    It’s that last response that needs to be removed.

    I’m pretty sure it is coming from within WordPress itself because when I do this test on a static file like default.html, that UA Compatible response is not generated…

    Are you sure you removed that ‘fix_ie8’ action in the themes functions.php?

    AITpro
    Participant

    @aitpro

    leejosepho
    Member

    @leejosepho

    …It’s that last response that needs to be removed.

    I’m pretty sure it is coming from within WordPress itself because when I do this test on a static file like default.html, that UA Compatible response is not generated…

    Are you sure you removed that ‘fix_ie8’ action in the themes functions.php?

    Here is my entire functions.php, and it has remained unchanged over these past few days:

    <?
    // add footer and widget areas
    if ( function_exists('register_sidebar') )
    register_sidebar(array(
    'name' => 'Footer Widgets Left',
    'id' => 'left-footer',
    'before_widget' => '',
    'after_widget' => '',
    'before_title' => '<h3 class="widget-title">',
    'after_title' => '</h3>'
    ));
    if ( function_exists('register_sidebar') )
    register_sidebar(array(
    'name' => 'Footer Widgets Center',
    'id' => 'center-footer',
    'before_widget' => '',
    'after_widget' => '',
    'before_title' => '<h3 class="widget-title">',
    'after_title' => '</h3>'
    ));
    if ( function_exists('register_sidebar') )
    register_sidebar(array(
    'name' => 'Footer Widgets Right',
    'id' => 'right-footer',
    'before_widget' => '',
    'after_widget' => '',
    'before_title' => '<h3 class="widget-title">',
    'after_title' => '</h3>'
    ));
    ?>

    So, maybe you are still thinking of what I have already done to be sure my telling IE to not use Compatibility View at my site does not make any difference here?

    Since there is no X-UA-Compatible:IE=7 in my functions.php and I do not know what my server or security might be doing, I can only say the clock cannot show itself in IE8, and that it would be great to be able to try AITpro’s suggestion, if you might be willing…and I say that within this context:

    === CoolClock – a Javascript Analog Clock ===

    Show an analog clock on your WordPress site sidebar or in post and page content.

    = Features =


    – No flash, meaning compatible with pads and most other javascript enabled mobile devices

    Neither is my Twenty Twelve Theme completely “IE-friendly” in its default state, and my attempt to try AITpro’s suggestion brought some kind of error from something CoolClock needed from/at public_html. So, and without complaint, I leave it to you to decide the fate of the clock at my site!

    Many thanks.

    Plugin Author RavanH
    Participant

    @ravanh

    @leejosepho would you mind uninstalling CoolClock and re-installing version http://downloads.wordpress.org/plugin/coolclock.0.1.zip to test? IT’s the first version that uses an older excanvas.js script (which makes IE recognise canvas tags) and it might work better than the latest version for IE in compatibility mode.

    But be aware, that first version did not have a subtext field yet so your subtext script will have to move to its own widget…

    Plugin Author RavanH
    Participant

    @ravanh

    And if that does not make a difference, please try this:
    1. Disable the plugin and
    2. Paste the following in a text widget:

    <!--[if IE]><script type="text/javascript" src="http://randomibis.com/coolclock/excanvas.js"></script><![endif]-->
    <script type="text/javascript">
    if (typeof jQuery == 'undefined') {
        var script = document.createElement('script');
        script.type = "text/javascript";
        script.src = "http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";
        document.getElementsByTagName('head')[0].appendChild(script);
    }
    </script><script type="text/javascript" src="http://randomibis.com/coolclock/coolclock.js"></script>
    <script type="text/javascript" src="http://randomibis.com/coolclock/moreskins.js"></script>
    <canvas id="clock1" class="CoolClock:Sand:100::2"></canvas>

    leejosepho
    Member

    @leejosepho

    …your subtext script will have to move to its own widget…

    …or maybe I could talk you into placing the digital display below the clock’s face?! 😉

    As would be understandable, the older version’s second hand has the previous problem with the second hand, but the older version does display in IE8…under specific conditions: It will display after I have cleared IE8’s cache, and then it disappears after a browser refresh.

    I greatly appreciate your extra efforts here, and I will leave that clock there so you might have a look, if you wish.

    Many thanks.

Viewing 15 replies - 1 through 15 (of 25 total)
  • The topic ‘[Resolved] CoolClock not showing in IE8/9’ is closed to new replies.