Re: Exhibit/Timeline IE Funny - Bubble Problem

[David Huynh]

Hi Vincent,

Would it be possible for you to give us a URL to your exhibit so we can
test it? I can't seem to reproduce the problem using the presidents
exhibit on IE7.

(Please reply only to simile-...@googlegroups.com as we're trying to
move over there.)

David

Vazzo, Vincent J. (MSFC-NNJ06VA01C)[USA] wrote:
> All-
>
> I'm using Exhibit 2 with a Timeline and I'm noticing some unusual
> behavior in IE6 and IE7.
>
> I have the following Timeline defined:
>
> //----------------------------------------------------
> <div ex:role="viewPanel">
> <div ex:timelineconstructor="timelineConfig"
> ex:role="view"
> ex:viewclass="Timeline"
> ex:start=".UTC"
> ex:iconcoder="criticality-icons"
> ex:iconkey=".Criticality">
> <div ex:role="lens">
> <table cellspacing="5">
> <tr>
> <td style="position: relative">
> <a ex:href-content=".link" target="new"><img
> ex:src-content=".thumbnail" /></a>
> </td>
> <td>
> <other content from JSON>
> </td>
> </tr>
> </table>
> </div>
> </div>
> </div>
>
> You can see the link based off of a hyperlink in a JSON file and a
> thumbnail source. On occasion, there is no hyperlink in my JSON file
> but there's always at least a thumbnail of blank.png (a 1pixel image
> as IE seemed to render a broken image when there wasn't a thumbnail or
> hyperlink in the JSON file).
>
> Alright...here's the problem:
>
> Sometimes, when clicking on the thumbnail, the bubble suddenly
> disappears and the browser doesn't follow the link as it should. I
> thought this might be the problem akin to what the previous versions
> of timeline had and so I defined a div on the bottom of the page equal
> to the height of the bubble, but this didn't work.
>
> It seems that when one is scrolled at or near the top of the page, it
> works fine in IE. But if you've scrolled down the page just a little
> (I have some standard stuff on the page above the timeline as well
> as some facets displayed below a timeline so the timeline isn't always
> completely visible) the bubble just disappears!
>
> I did try to search for this problem in the Issue Tracker, but didn't
> find anything. If it's been covered before, I appreciate you taking
> the time to set me straight (as a solution is needed greatly). Thanks!
>
> -Vincent
> ------------------------------------------------------------------------
>
> _______________________________________________
> General mailing list
> Gen...@simile.mit.edu
> http://simile.mit.edu/mailman/listinfo/general
>

[Vincent]

For completeness (and for others that may encounter this problem), the
solution that David provided me via email worked great:
-------------------------------------------------------------------------------------------------------
Vincent,

Ah, that's a tricky bug. In standards compatibility mode (triggered by
the strict XHTML declaration), IE behaves slightly differently
regarding coordinates. To fix it, you need to insert this code after
you include exhibit-api.js.

<script>
SimileAjax.DOM.getEventPageCoordinates = function(evt) {
if (SimileAjax.Platform.browser.isIE) {
if (document.compatMode == "CSS1Compat") {
return {
x: evt.clientX +
document.body.parentNode.scrollLeft,
y: evt.clientY +
document.body.parentNode.scrollTop
};
} else {
return {
x: evt.clientX + document.body.scrollLeft,
y: evt.clientY + document.body.scrollTop
};
}
} else {
return {
x: evt.pageX,
y: evt.pageY
};
}
};
</script>

Let me know how that goes.

David

> > Gene...@simile.mit.edu
> >http://simile.mit.edu/mailman/listinfo/general