IE 8 bug - not showing background

[zac]

Hi, I am using a jQuery tool tips plug-in called Beauty Tips and all
works fine except in IE 8 the speech bubble pop-up is transparent.
The debugger in IE 8 finds an error in the excanvas.js at Line: 144
Error: Unknown runtime error
el.innerHTML = '';

I would be fine with just making the page degrade to IE 7 with this:
<meta http-equiv="X-UA-Compatible" content="IE=7" />
but even that doesnt work for me.

Here is the url of the problem (mouse over the numbers)

http://www.olympicpeninsulawaterfalltrail.com/map

I think with more CSS I could fake the speech bubble a bit but this is
way less than ideal and would be a lot of work just to deal with this
new MS beast.

[Fabien Ménager]

It seems you are using an old version of ExCanvas, I suggest you to
try with this version and tell us if it works :
http://code.google.com/p/explorercanvas/source/browse/trunk/excanvas.js

[zac]

That is the one I am using.. just to be sure I uploaded the version
you linked me to again but still same problem.

[Fabien Ménager]

You uploaded the web page I linked, not the script which is here :
http://explorercanvas.googlecode.com/svn/trunk/excanvas.js

[zac]

Oop, sorry yes I changed it .. now I am linked to that version and it
is now getting new error at 566
var ctx = canvas.getContext("2d");
) ;

Object doesn't support this property or method.

[zac]

Doh.. cross post.. I used the wrong one again.. ok now i have it...
same unknown runtime error .. line 152
el.innerHTML = '';

[Fabien Ménager]

In fact, this bug has already been encountered :
http://groups.google.com/group/google-excanvas/browse_thread/thread/df1f1fdf48a2ba38/10bcd78a0cd3f3c9?lnk=gst&q=jquery#10bcd78a0cd3f3c9
Hope this helps

[zac]

Thanks for the link Fabien. I am not sure how to apply that to my
problem... there is this line of code in the Beauty Tips
// if excanvas is set up, we need to initialize the new canvas
element
if (typeof G_vmlCanvasManager != 'undefined') {
canvas = G_vmlCanvasManager.initElement(canvas);
}

Is that what needs to change? I am lost.

On May 13, 2:36 pm, Fabien Ménager <fabien.mena...@gmail.com> wrote:
> In fact, this bug has already been encountered :http://groups.google.com/group/google-excanvas/browse_thread/thread/d...

[Fabien Ménager]

No, this is the line :

var canvas = $('<canvas width="'+ (numb($text.btOuterWidth(true)) +
opts.strokeWidth*2) +'" height="'+ (numb($text.outerHeight(true)) +
opts.strokeWidth*2) +'"></canvas>').appendTo($box).css({position:
'absolute', top: $text.btPosition().top, left: $text.btPosition
().left, zIndex: opts.boxzIndex}).get(0);

Which needs to be changed to something like :

var canvas = $(document.createElement('canvas')).
attr('width', numb($text.btOuterWidth(true)) + opts.strokeWidth*2).
attr('height', numb($text.outerHeight(true)) + opts.strokeWidth*2).
appendTo($box).css({position: 'absolute', top: $text.btPosition().top,
left: $text.btPosition().left, zIndex: opts.boxzIndex});

I didn't test it, so I'm not sure it will work, but in theory it
should !

[zac]

ok i changed it.. same problem, new error message.

'namesapaces' is null or not an object from line 92

if (!doc.namespaces['g_vml_']) {

[Fabien Ménager]

I don't know how to help you more, there is maybe a little help
here :
http://geeksandgod.com/forums/web-development/html-/-css-/-javascript-/-dom/jquery-beautytips-and-ie

[zac]

ok, thanks for your time Fabien. heh heh.. if you look at that link
you just sent I was asking for help there the other day.

I found this

var el = document.createElement('canvas');
G_vmlCanvasManager.initElement(el);
var ctx = el.getContext('2d');

from here

http://code.google.com/p/explorercanvas/wiki/Instructions

but I am not able to get it working.

One other question... any idea on why this is being ignored

<meta http-equiv="X-UA-Compatible" content="IE=7" />

as I did have this working fine in ie 7?

Oh well, at least I can make it look close with some ie specific CSS.

Cheers,

Zac

On May 13, 3:39 pm, Fabien Ménager <fabien.mena...@gmail.com> wrote:
> I don't know how to help you more, there is maybe a little help

> here :http://geeksandgod.com/forums/web-development/html-/-css-/-javascript...

[matthe...@gmail.com]

The meta tag should be <meta http-equiv="X-UA-Compatible"
content="IE=EmulateIE7"/>

> > > > > > > > > > new MS beast.- Hide quoted text -
>
> - Show quoted text -

[Brett]

I had the same error in IE7. I was using bt-0.9.1. I upgraded to
bt-0.9.5-rc1 and the problem went away.

[BatZzZz]

I just found out that have a dir="rtl" on the html tag or
direction:rtl in the stylesheet will cause this behavior.