Internet Explorer

(@mrcarllister)

The following isn’t displaying correctly in internet explorer 9. Works in all other browsers (across PC + MAC as well as mobile devices):

smallIndicator: { lineWidth: 10, radius:5,  startAt: 0, endAt: 90, color: "#76777b", alpha: 1 },
largeIndicator: { lineWidth: 10, radius:5,  startAt: 70, endAt: 90, color: "#76777b", alpha: 1 },
hourHand: { lineWidth: 6, startAt: 10, endAt: 35, color: "#76777b", alpha: 1 },
minuteHand: { lineWidth: 6, startAt:10, endAt: 55, color: "#76777b", alpha: 1 },
secondHand: { lineWidth: 4, startAt: 0, endAt: 85, color: "#76777b", alpha: 1 }

Visual here

Any help would be appreciated,

Thanks

http://wordpress.org/extend/plugins/coolclock/

Viewing 9 replies - 1 through 9 (of 9 total)

Plugin Author Rolf Allard van Hagen
(@ravanh)

10 years, 9 months ago

Hi MrCarlLister, sorry I do not have IE9 to test with… Is the one on the left on your screenshot the one displayed in IE9?

Thread Starter MrCarlLister
(@mrcarllister)

10 years, 9 months ago

The one on the left, yes.

Plugin Author Rolf Allard van Hagen
(@ravanh)

10 years, 9 months ago

Could you take a look on these two sites in IE9 and tell me if the same effect is visible there or not:
– http://randomibis.com/coolclock/ (the original scripts)
– http://status301.com/coolclock/ (wordpress plugin version)

Thanks 🙂

Thread Starter MrCarlLister
(@mrcarllister)

10 years, 9 months ago

Yeah I’m getting similar errors although the clocks at least look the same…

Click here

Cheers
Plugin Author Rolf Allard van Hagen
(@ravanh)

10 years, 9 months ago
Hmmm… I wonder if this is because there is no outerBorder specified. Could you test with different outerBorder values where ideally we should arrive at one that is not visible.

Start with the default one, showing an outer border:
```
outerBorder: { lineWidth: 1, radius:95, color: "black", alpha: 1 },
```
Then, if that indeed ‘solves’ the issue, try setting lineWidth, radius or alpha to 0. Or, if that brings back the issue in IE9 try color “white” (or another color to blend into the background of your site) or even “transparent”…

Please let me know the results 🙂
Plugin Author Rolf Allard van Hagen
(@ravanh)

10 years, 9 months ago

UPDATE: I did some testing with an old IE8 I had lying around and it seems setting the outerBorder does not change anything. However, removing the line smallIndicator: { ... } from your parameters, does change something. Then combined with the javascript version that will be included in the next version, you get this http://www.status301.com which in IE8 (using excanvas.js) does not look half bad.

Please let me know how it looks in IE9 🙂

Plugin Author Rolf Allard van Hagen
(@ravanh)

10 years, 9 months ago

@mrcarllister could you tell me if the clock on http://www.status301.com/en/ looks acceptable in IE9.

Also, please let me know if you would like to share your excellent clock design as a new option in the next plugin version. And if so, how would you like to have it named?

Thread Starter MrCarlLister
(@mrcarllister)

10 years, 9 months ago

Hi sorry – I will try and test this soon, I appreciate your help only I don’t have direct access to a PC at the moment!

Thanks again

Plugin Author Rolf Allard van Hagen
(@ravanh)

10 years, 8 months ago

No problem. Please let me know when you can… And tell me if you are willing to share your design with all other plugin users 🙂

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Internet Explorer’ is closed to new replies.

Tags