Re: Exhibit bubble URL control
David Karger wrote:
I don't know how to control the bubble but here are two answers.
Warf wrote:
I have been playing with Exhibit (which is awesome BTW), and am
curious about doing a couple different things in the bubble.
http://www3.telus.net/warfsworld/html/travel/travel_map.html
1) I have some pages which have the element homepage : in the
travel_map.js file, and some that don't. I currently have them
displaying Travel Diary and linking to that url... but want that
element not to display if it doesn't exist in the .js file.
exhibit has an ex:if-exists attribute that addresses this. Eg. span
ex:if-exists=.homepagea
ex:href-content=.homepagehomepage/a/span is a span that will only
appear (with its insides) if the homepage attributes exists on the item
being rendered.
2) Currently setting a specific bubble size using a div class and
style, but would prefer to have it resize based on content, however
when I let it do that it will show only half the bubble with the image
and data running out of the bubble.
This is a problem due to the image not loading fast enough in order for
the bubble to calculate its size. If all your images are of roughly the
same size, then perhaps you can wrap them with a div
div class=thumbnail-containerimg ... //div
and define this CSS rule to fix the size of the div
.thumbnail-container { width: 200px; height: 300px; }
3) Can the pop-up bubbles appear in different directions instead of
always above, since it will reposition the map with a large grey area
when selecting locations in the northern regions.
This is Google Maps' doing. Exhibit doesn't control it.
4) Where do you control the menu like pop-up that appears when there
is multiple items at the same location?
It's in
http://static.simile.mit.edu/exhibit/api-2.1.0/scripts/util/views.js
Look for
Exhibit.ViewUtilities.fillBubbleWithItems
5) Non-Bubble question: How do you not display the little scissor icon
that has RDF/XML...Exhibit JSON?
It can be done, but I recommend against it---it offers a way to let
people copy your data, which might be very useful for someone else
trying to present some useful information or make a mashup. Removing
the scissors doesn't make that impossible, but it does make it less
convenient. The scissors themselves are small and unobtrusive; I don't
think they will bother anyone with their presence. If, after this
commentary, you stil want to remove the scissors, you can try to add
ex:showToolbox=false to the view div. If that doesn't work, try adding
this CSS rule div.exhibit-toolboxWidget-popup { display: none; }after
you include exhibit-api.js.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
SIMILE Widgets group.
To post to this group, send email to simile-widgets@googlegroups.com
To unsubscribe from this group, send email to
simile-widgets+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/simile-widgets?hl=en
-~--~~~~--~~--~--~---
Re: Exhibit bubble URL control
Thanks a lot David and David! All of your suggestions have helped. I am curious about the multiple item bubble as when you select an item from this bubble, the resulting bubble is having some dimensions passed to it. Resulting in a very wide bubble instead of the bubble you would get if you didn't go through the selection bubble. If I could just have a bubble that drew the info from the three items, or maybe I can combine them into 1 item with three separate date ranges? thanks again, this API is awesome, nice work! Dave 4) Where do you control the menu like pop-up that appears when there is multiple items at the same location? It's in http://static.simile.mit.edu/exhibit/api-2.1.0/scripts/util/views.js Look for Exhibit.ViewUtilities.fillBubbleWithItems --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups SIMILE Widgets group. To post to this group, send email to simile-widgets@googlegroups.com To unsubscribe from this group, send email to simile-widgets+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/simile-widgets?hl=en -~--~~~~--~~--~--~---
Re: Exhibit bubble URL control
What I ended up doing was where ever I had duplicate events at the same location, was to add more fields to the .js file (start2, start3, end2, end 3), and then updated the .html file to display those in the map-lens if they existed. div class=date-range span ex:content=.start/span - span ex:content=.end/spanbr / span ex:if-exists=.start2 span ex:content=.start2/span - span ex:if-exists=.end2 span ex:content=.end2/span /spanbr / span ex:if-exists=.start3 span ex:content=.start3/span - span ex:if-exists=.end3 span ex:content=.end3/span /span This works fine as long as you want to display the same image... and I could use the same process if I wanted different URL's for each trip/ event. Thanks again for your help guys. On Dec 26, 5:49 pm, Warf warfswo...@gmail.com wrote: Thanks a lot David and David! All of your suggestions have helped. I am curious about the multiple item bubble as when you select an item from this bubble, the resulting bubble is having some dimensions passed to it. Resulting in a very wide bubble instead of the bubble you would get if you didn't go through the selection bubble. If I could just have a bubble that drew the info from the three items, or maybe I can combine them into 1 item with three separate date ranges? thanks again, this API is awesome, nice work! Dave 4) Where do you control the menu like pop-up that appears when there is multiple items at the same location? It's in http://static.simile.mit.edu/exhibit/api-2.1.0/scripts/util/views.js Look for Exhibit.ViewUtilities.fillBubbleWithItems --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups SIMILE Widgets group. To post to this group, send email to simile-widgets@googlegroups.com To unsubscribe from this group, send email to simile-widgets+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/simile-widgets?hl=en -~--~~~~--~~--~--~---
Re: Exhibit bubble URL control
I don't know how to control the bubble but here are two answers.
Warf wrote:
I have been playing with Exhibit (which is awesome BTW), and am
curious about doing a couple different things in the bubble.
http://www3.telus.net/warfsworld/html/travel/travel_map.html
1) I have some pages which have the element homepage : in the
travel_map.js file, and some that don't. I currently have them
displaying Travel Diary and linking to that url... but want that
element not to display if it doesn't exist in the .js file.
exhibit has an ex:if-exists attribute that addresses this. Eg. span
ex:if-exists=.homepagea
ex:href-content=.homepagehomepage/a/span is a span that will only
appear (with its insides) if the homepage attributes exists on the item
being rendered.
2) Currently setting a specific bubble size using a div class and
style, but would prefer to have it resize based on content, however
when I let it do that it will show only half the bubble with the image
and data running out of the bubble.
3) Can the pop-up bubbles appear in different directions instead of
always above, since it will reposition the map with a large grey area
when selecting locations in the northern regions.
4) Where do you control the menu like pop-up that appears when there
is multiple items at the same location?
5) Non-Bubble question: How do you not display the little scissor icon
that has RDF/XML...Exhibit JSON?
It can be done, but I recommend against it---it offers a way to let
people copy your data, which might be very useful for someone else
trying to present some useful information or make a mashup. Removing
the scissors doesn't make that impossible, but it does make it less
convenient. The scissors themselves are small and unobtrusive; I don't
think they will bother anyone with their presence. If, after this
commentary, you stil want to remove the scissors, you can try to add
ex:showToolbox=false to the view div. If that doesn't work, try adding
this CSS rule div.exhibit-toolboxWidget-popup { display: none; }after
you include exhibit-api.js.
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
SIMILE Widgets group.
To post to this group, send email to simile-widgets@googlegroups.com
To unsubscribe from this group, send email to
simile-widgets+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/simile-widgets?hl=en
-~--~~~~--~~--~--~---
