Bruce --
Thanks for looking into this. The error doesn't occur at all positions,
however if there's enough timeline events in enough positions, or you move
the node around around so that the borders of the partially transparent edge
of the bubble (div of class="simileAjax-bubble-border-left
simileAjax-bubble-border-left-pngTranslucent") intersect the edge of the
timeline window, or perhaps, one of the edges of the div's separating the
facets from the timeline view. Since I can't run firebug in Safari, it's
hard to tell exactly what intersection of this semi-transparent div causes
the border of the bubble not to be drawn. However if you know the
approximate dimensions of the transparent border, you can reproduce the bug
pretty easily....
Also, i was lazy and used a table to layout the "podcast icon" and title
information in the episode bubble. The borders that look like they have a
"refresh/redraw" issue are being interfered with are directly adjacent
to <table
class="episode-bubble-header"><tr><td class="episode-bubble-thumbnail">, which
is on the interior of the timeline lens bubble. I probably can get rid of
the bug by removing the table and using divs and box-model-hacks to create
the equivalent layout, or just supplying a larger margin for the table. The
reason for this intuition is that the "damage" area is exactly to the LHS of
this table in the bubble (but nonetheless, it's a bug for a bubble's
contents to be interfering with it's borders, on a single platform only):
######### http://simile.mit.edu/wiki/Exhibit/2.0/Timeline_View ########
<div ex:role="view" id="episodes-timeline-view"
name="episodes-timeline-view"
##exhibit.getComponent("episodes-viewpanel")._switchView(1)
ex:collectionID="Episodes"
ex:viewClass="Timeline"
## ex:configuration="timelineConfig" ## see Macros.ExhibitJS
ex:label="EpiLine"
ex:title="Podcast Episodes Timeline by Publication Date"
## ex:proxy=".podcast"
ex:marker=".label"
ex:start=".entryTime"
ex:colorKey=".podcast.label"
ex:topBandUnit="week"
ex:bottomBandUnit="month"
ex:topBandPixelsPerUnit="200"
ex:bottomBandPixelsPerUnit="100"
ex:bubbleWidth="640" ## default is 400
ex:timelineHeight="300" ## match height of "episodes-search-facet"
ex:showToolbox="false" ##BUG: this setting doesn't work on
Timeline...
ex:showHeader="false"
ex:showSummary="false"
ex:showFooter="true"
><span ex:role="lens" class="episode-lens" style="display: none;"
ex:itemTypes="Episode"
><table class="episode-bubble-header"><tr><td
class="episode-bubble-thumbnail">
<button type="button"
class="thumbtn"
onclick="if (!(SimileAjax.Platform.browser.isIE)) return
processEpisodeThumBtnClick(this);" ##moz, safari, etc: implements
double-click and single-click handling
onmouseup="if (SimileAjax.Platform.browser.isIE) return
processEpisodeThumBtnClick(this);" ##IE: implement double and singleclick
handling, onclick doesn't work w/ doubleclick (Bug: keyboard accels lost in
IE)
><div class="thumboxDiv">
<span ex:select=".podcast.fetchedImg">
##in timeline lens, .podcast.fetchedImg has already been set by
Feed3ExhibitJSON.
## therefore no need to check for exists(.podcast.fetchedImg) as
needed by thumbnail lens
## for the same basic "labelled icon".
<img ex:case="..." ## special value sent by
Macros.Feed3ExhibitJSON to signify nonexistant/invalid value
height="75" width="75"
class="thumboxImg"
ex:src-content="if(exists(.podcast.img), .podcast.img, '
http://media.npr.org/images/podcasts/ui/no_image_available.gif')"
## ex:title-content=".podcast.label"
>
<img height="75" width="75"
class="thumboxImg"
ex:src-content=".podcast.fetchedImg"
## ex:title-content=".podcast.label"
>
</span>##ex:select=".podcast.fetchedImg"
</div>
<div ex:content=".podcast.label" class="thumboxAuto"></div></button>
</td>
<td>
<table class="episode-bubble-info">
<caption><strong class="episode-bubble-title"
ex:content=".label"></strong></caption>
<tr class="episode-bubble-producer")">##do not show producer link if
not defined in data (TODO: define all producers of all podcats)
<td>Producer:</td>
<td><span ex:if="exists(.podcast.producer.link)">
<a ex:href-content=".podcast.producer.link" target="_blank"><span
ex:content=".podcast.producer.label"></span></a>
<span ex:content=".podcast.producer"></span>
</span>
</td>
</tr>
<tr class="episode-bubble-topic">
<td>Topic:</td>
<td ex:content=".podcast.topic"></td>
</tr>
<tr class="episode-bubble-npr">
<td>NPR:</td>
<td><a ex:href-subcontent="
http://www.npr.org/rss/podcast/podcast_detail.php?siteId={{.podcast}}";
target="_blank">
<span ex:content=".podcast.label"></span></a></td>
</tr>
<tr class="episode-bubble-podcast" >
<td>Podcast:</td>
<td><a ex:href-content=".podcast.fetchedLink" target="_blank"><span
ex:content=".podcast.fetchedTitle"></span></a></td>
</tr>
<tr class="episode-bubble-media" >
<td>Media/Link:</td>
<td><a ex:href-content=".entryURI" target="_blank">download</a></td>
</tr>
<tr class="episode-bubble-date" >
<td>Published:</td>
<td ex:content=".entryTime"></td>
</tr>
</table>
</td></tr></table>
<div class="jwframe"> ## --------------------- BEGIN JW BUTTONS
-------------------------
<button type="button" class="minibtn"
onclick="player_PlayNow_AddPlaylist(this)">Play Now & Add
Playlist</button>
<button type="button" class="minibtn"
onclick="player_AddPlaylist(this)">Add to Playlist</button>
<button type="button" class="minibtn"
onclick="player_AddEndPlaylist(this)">Add to End of
Playlist</button>
</div> ##class="jwframe" ---------------------- END JW BUTTONS
--------------------------
<div class="episode-bubble-description" ex:content=".entryDesc"></div>
</span> ##end:ex:role="lens"
</div> ##end:ex:role="view" class="episodes-timeline-view"
Niels
http://nielsmayer.com
PS: Anybody got any clues as to why my box-model-hack-w/-forced
auto-icon-and-text-sizing in the thumbnail view (see <span ex:role="lens"
ex:itemTypes="Podcast" class="podcast-lens" style="display:
none;"><http://nielsmayer.com/xwiki/bin/view/Exhibit/NPRpods3?viewer=code>,
css <http://nielsmayer.com/xwiki/bin/ssx/Exhibit/NPRpods3?lang=en>) suddenly
stopped working on upgrade to IE 8? I finally and proudly got it all working
in IE7, Firefox3, Safari and thought "mission accomplished"! (Duh). I
somehow had decided to ignore this browser just like I had ignored chrome.
But since everything worked just fine with chrome, I finally dared upgrade a
perfectly working windows box to IE 8 on my "cygwin X server that happens to
be running windows" that i'm using as my desktop. How depressing... extra
javascript errors all over the place (which i can fix/catch), and the
icon-sizing in the thumbnails, which seems to work on every other browser
i've tried. Worse, my way of indicating status of "retrieved" (green border)
vs "error" (red border) doesn't even show up in IE8... what a giant pain
for a simple button with a constrained size and unconstrained text/image
contents... I guess I can use font and color to indicate podcast status, but
still... bleh! It's just a button!
On Fri, Jul 10, 2009 at 4:18 AM, Bruce Robertson <[email protected]> wrote:
>
> This is what I get when I try.
>
> http://homepage.mac.com/bfr/exhibit.png
>
> Does not seem to show the problem you describe - if I understand what
> you're trying to do.
>
> On Jul 9, 11:17 pm, Niels Mayer <[email protected]> wrote:
> > Using trunk version of Exhibit, I noticed that Safari sometimes doesn't
> draw
> > parts of the Left-hand-side border of a popup-bubble in the timeline.
> > To see this, use Safari to viewhttp://
> nielsmayer.com/xwiki/bin/view/Exhibit/NPRpods3 then click a "podcast"
> icon. When episodes appear in the timeline, click a node. If the
> left-hand
> > side of the episode bubble intersects or overlaps past the left edge of
> the
> > timeline viewportal, some of the episode-bubble's border gets clipped.
> > (shift-reload often as I'm updating the app quite frequently).
> >
> > I don't have a macintosh here otherwise i'd include a screenshot (I test
> > safari on my father's macintosh). However, I have not seen this kind of
> > problem using IE, Chrome, or Firefox on Windows, nor Firefox on Linux.
> >
> > Nielshttp://nielsmayer.com
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"SIMILE Widgets" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/simile-widgets?hl=en
-~----------~----~----~----~------~----~------~--~---
