[Simile-Widgets] Re: Tapeimage - actually, everything after textcolor
No expert here either, but I have managed some event customisation.
Unless you've customised the Event object, you appear to be offering
undefined properties, such as:
eventDate, (twice!)
isDuration, (deprecated now for new boolean durationEvent)
bar_Title, (do you mean 'title'?)
bubble_Description, (do you mean 'description'?)
Link, (I think you mean 'link' - note case of label)
bar_Color,
bar_text_Color,
hoverText,
);
Look at http://www.simile-widgets.org/wiki/Timeline_EventSources for
build-in event parameters.
Look at example
http://www.simile-widgets.org/timeline/examples/test_example/test.html
for usage of duration bar images, specifically Test 4. It's source
JSON data looks like this:
{'start': '1885',
'end': '1925',
'title': 'Test 4',
'description': 'Test 4: tapeImage, caption, classname
attributes',
'image': 'http://images.allposters.com/images/CORPOD/
IX001463_b.jpg',
'link': 'http://www.allposters.com/-sp/Castor-Et-Pollux-
Posters_i831718_.htm',
'tapeImage': 'blue_stripes.png',
'tapeRepeat': 'repeat-x',
'caption': This is the event's caption attribute.,
'classname': 'hot_event'
},
I hope that helps.
In my usage (no public example - yet) I use the bundled api but after
the call load a customised sources.js which allows me to put custom
elements into the event bubble and do thinks like suppress the
wikilikin at the bottom of the bubble's content. I've not yet tried
stripe artwork.
Regards
Mark
--
You received this message because you are subscribed to the Google Groups
SIMILE Widgets group.
To post to this group, send email to simile-widg...@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.
[Simile-Widgets] Problem with zoom in exhibit-timeline
Hello everyone,
English is not my maternal language so I hope my explanations will be
clear.
I've just started to use Exhibit with the timeline-view.
I know it's possible to configure the zoom in Timeline and I'd like to
do the same in the timeline-view of Exhibit.
If I refer to the page Controlling A Timeline Within An Exhibit, it
should be possible.
My problem is that when I put the code for the zoom in my html file,
the data on my timeline disappear:
the timeline stays empty, but the data still appear in the facet
boxes.
I use the version 2.0 of Exhibit and to add the zoom I changed the
urls in the time-extension.js file (line 30)
the former url was: http://static.simile.mit.edu/timeline/api-2.0/
timeline-api.js but the zoom didn't work.
with this url: http://static.simile.mit.edu/timeline/api-2.3.0/
timeline-api.js, the zoom works but my data don't appear in my
timeline.
It may not be really rigorous but I'm a newbie with javascript so I
fumble with it.
Here is some of my code:
html
head
link href=composers.js type=application/json rel=exhibit/data/
script src=./api/exhibit-api.js
type=text/javascript/script
script
src=./extensions/time/time-extension.js/script
/head
body
table width=100%
tr valign=top
td width=15%
div ex:role=facet ex:expression=.type ex:facetLabel=Type/
div
div ex:role=facet ex:expression=.decade ex:facetLabel=Date/
div
/td
td ex:role=viewPanel
div ex:role=view
ex:viewClass=Timeline
ex:start=.start
ex:end=.end
ex:configuration=timelineConfig
script
var timelineConfig = {
timelineConstructor: function (div, eventSource) {
div.style.height=500px;
var theme= Timeline.ClassicTheme.create();
theme.event.bubble.width=200;
theme.event.bubble.maxHeight=250;
theme.event.tape.height=5;
theme.event.track.height=theme.event.tape.height + 10;
var date = Fri Nov 22 1963 13:00:00 GMT-0600;
var bandInfos = [
Timeline.createBandInfo({
eventSource:eventSource,
date: date,
width: 85%,
intervalUnit: Timeline.DateTime.YEAR,
intervalPixels: 200,
theme: theme,
layout: original,
zoomIndex: 10,
zoomSteps: new Array(
{pixelsPerInterval: 280, unit: Timeline.DateTime.DAY},
{pixelsPerInterval: 140, unit: Timeline.DateTime.DAY},
{pixelsPerInterval: 70, unit: Timeline.DateTime.DAY},
{pixelsPerInterval: 400, unit:
Timeline.DateTime.MONTH},
{pixelsPerInterval: 200, unit:
Timeline.DateTime.MONTH},
{pixelsPerInterval: 100, unit:
Timeline.DateTime.MONTH},
{pixelsPerInterval: 50, unit:
Timeline.DateTime.MONTH},
{pixelsPerInterval: 400, unit: Timeline.DateTime.YEAR},
{pixelsPerInterval: 200, unit: Timeline.DateTime.YEAR},
{pixelsPerInterval: 100, unit: Timeline.DateTime.YEAR}
)
}),
Timeline.createBandInfo({
trackHeight: 0.5,
trackGap: 1,
eventSource:eventSource,
date: date,
showEventText: false,
layout: overview,
width: 15%,
intervalUnit: Timeline.DateTime.YEAR,
intervalPixels: 50,
theme: theme,
})
];
bandInfos[1].syncWith = 0;
bandInfos[1].highlight = true;
tl = Timeline.create(div, bandInfos, Timeline.HORIZONTAL);
return tl;
}
}
/script
/div
/td
td width=20%
div ex:role=facet ex:expression=.music_type
ex:facetLabel=Musique/div
div ex:role=facet ex:expression=.composer
ex:facetLabel=Compositeurs/div
/td
/tr
/table
/body
/html
I probably do something wrong but i can't say what.
Can anyone point out what I'm missing?
Thanks
Anne-Lise
--
You received this message because you are subscribed to the Google Groups
SIMILE Widgets group.
To post to this group, send email to simile-widg...@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.
[Simile-Widgets] Re: Timeline, changing facet selections and switching tabs
Thanks Michiel. I'm sure that you're on the right track, but I've tried a number of variations on that theme to get this to work. I am able to trap for the event of clicking on the timeline tab, but I'm not able to figure out the syntax needed to re-initialize the timeline itself. I've tried things like the following: exhibit.getComponent(tournament-timeline- view)._timeline.checkResize(); exhibit.getComponent(tournament-timeline-view).paint(); exhibit.getComponent(tournament-timeline-view)._createView(); Thanks again for looking into it. -Mark On May 28, 1:38 am, Michiel m.d.na...@hetnet.nl wrote: Hi Mark, If you do your above described procedure and then change the height of the timeline, it gets redrawn. It shows the timeline is centered on the year 2066 instead of 2006. That is why the timeline looks as if it doesn't render. I don't know why selecting a facet changes the central year of your timeline, but I do know that if you use an exhibit viewpanel for the tabs, the view is recreated on changing tabs. Check out Exhibit.ViewPanel.prototype._switchView which calls _createView. I don't see this back in your code. The code that is to run on changing to your timeline tab is even commented out. Michiel On May 19, 6:28 pm, mleden mle...@yahoo.com wrote: Hi, Wondering if anyone has any insights on this problem. When I change facet selections and switch back to my timeline tab, the timeline is no longer rendered. You can see the problem at:www.thisbeautifulgame.com Select Winner Map tab Control-Click the European Championship selection in the Tournament Confederation and Name facet (to have multiple selections) Select Timeline tab The Timeline should render with multiple events but is blank. (If you make the same facet selection without leaving the Timeline tab, you'll see what should be displayed.) Would appreciate any suggestions or thoughts on what I'm doing wrong. Many thanks, -Mark -- You received this message because you are subscribed to the Google Groups SIMILE Widgets group. To post to this group, send email to simile-widg...@googlegroups.com. To unsubscribe from this group, send email to simile-widgets+unsubscr...@googlegroups.com. For more options, visit this group athttp://groups.google.com/group/simile-widgets?hl=en. -- You received this message because you are subscribed to the Google Groups SIMILE Widgets group. To post to this group, send email to simile-widg...@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: [Simile-Widgets] Is it possible to explicitly specify which row an event appears on?
Hi Ken, Yes, that's what I needed. Thanks! Alex On 5/14/10 2:43 AM, Ken Thompson k...@jksthompson.plus.com wrote: Hi There is a trackNum attribute mentioned in the Event sources documentation page which might do what you want. I haven't tried it myself. http://code.google.com/p/simile-widgets/wiki/Timeline_EventSources Regards Ken alex mitchell wrote: I'd like to create a timeline to represent tasks in a project, with each row in the timeline representing a different person's tasks, assuming non-overlapping start and end dates. To do this, I'm hoping to be able to specify which row a given event appears on. For example, referring to the religions example: https://simile.mit.edu/timeline/examples/religions/religions.html I'd like to be able to specify that, in the third band, Samaria, Judea, Idumea under Roman and Tiberius, Roman Emperor appear in the same row. Does anyone have any suggestions either how to do this out-of-the-box, or pointers as to where the code would need to be modified to add this? thanks! Alex No virus found in this incoming message. Checked by AVG - www.avg.com Version: 9.0.819 / Virus Database: 271.1.1/2867 - Release Date: 05/11/10 07:26:00 -- You received this message because you are subscribed to the Google Groups SIMILE Widgets group. To post to this group, send email to simile-widg...@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.
