Hi Sara,
The timeline view in Exhibit can be configured with the settings listed here
http://simile.mit.edu/wiki/Exhibit/2.0/Timeline_View
Or alternatively you can use the trick described here to construct the
timeline yourself
http://simile.mit.edu/wiki/Controlling_A_Timeline_Within_An_Exhibit
David
Larry Kluger wrote:
>
> Hi Sara,
>
> You have an Exhibit which creates a Timeline. (That's different from
> just using Timeline.)
>
> Unfortunately, I don't know how to change the necessary settings for
> that situation.
>
> Hopefully others on this list will be able to help.
>
> ==>> In Exhibit, how do you change the Timeline units and intervalPixels?
>
> Regards,
>
> Larry
> ------------------------------------------------------------------------
> *From:* Sara Bradley <[email protected]>
> *To:* [email protected]
> *Sent:* Wednesday, April 1, 2009 4:11:06 PM
> *Subject:* Re: Condensing Timeline
>
>
> Larry,
> I'm still very lost unfortunately. I have only the most basic
> knowledge of HTML, and I'm not sure where to put the band info.
> Here's the code for the timeline:
>
> <html>
> <head>
> <title>ACU Technology History</title>
>
> <link href="ACUTechHistory2.js" type="application/json"
> rel="exhibit/data" />
>
> <script
> src="http://static.simile.mit.edu/exhibit/api-2.0/exhibit-api.js";
> type="text/javascript"></script>
> <script
> src="http://static.simile.mit.edu/exhibit/extensions-2.0/time/time-extension.js";
> type="text/javascript"></script>
>
> <script>
>
>
> var monthNames = [ "Jan", "Feb", "Mar", "Apr", "May", "Jun",
> "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ];
> Exhibit.Functions["month"] = {
> f: function(args) {
> var set = new Exhibit.Set();
>
>
> args[0].forEachValue(function(v) {
> var d = SimileAjax.DateTime.parseIso8601DateTime(v);
> var m = d.getMonth();
> set.add(monthNames[m]);
> });
>
> return new Exhibit.Expression._Collection(set, "text");
> }
> };
>
> bandInfos[0].syncWith = 1;
> bandInfos[0].highlight = true;
> </script>
>
>
>
>
> <style>
> body {
> margin: 1in;
> }
> table.ACUTechHistory2 {
> border: 1px solid #ddd;
> padding: 0.5em;
> }
> div.name {
> font-weight: bold;
> font-size: 120%;
> }
> .category {
> }
> .year {
> font-style: italic;
> }
> .description {
> color: #888;
> }
>
> </style>
>
>
>
>
> </head>
> <body>
> <h1>ACU Technology History</h1>
> <table width="100%">
> <tr valign="top">
> <td ex:role="viewPanel">
>
> <table ex:role="lens" class="nobelist">
> <tr>
> <td></td>
> <td>
>
>
>
>
>
> <div ex:content=".label" class="name"></div>
> <div>
> <span ex:content=".description"
> class="description"></span>,
> <span ex:content=".year" class="year"></span>
>
>
> </div>
>
>
> </td>
> </tr>
> </table>
>
>
> <div ex:role="view"
> ex:viewClass="Timeline"
> ex:start=".year"
> ex:colorKey=".category">
> </div>
>
>
>
> <div ex:role="view"></div>
> </td>
> <td width="25%">
> Search:
> <div ex:role="facet" ex:facetClass="TextSearch"></div>
>
> <div ex:role="facet" ex:expression=".category"
> ex:facetLabel="Category"></div>
> <div ex:role="facet" ex:expression=".year" ex:facetLabel="Year"></div>
>
>
> </td>
> </tr>
> </table>
> </body>
> </html>
>
>
> Sorry that makes it such a big email. Based on this, would you be
> able to help me on where to insert the band info?
>
> Thank you so much for your help,
> Sara
>
> On Wed, Mar 25, 2009 at 2:27 PM, Larry Kluger <[email protected]
> <mailto:[email protected]>> wrote:
> > Hi Sara,
> >
> > Welcome to Timeline!
> >
> > Change the following
> >
> > intervalUnit: Timeline.DateTime.YEAR,
> > intervalPixels: 200
> >
> > in your band creation statement to condense your Timeline.
> >
> > Changing the units will change where the ticks and labels are on your
> > Timeline.
> > Built-in choices are
> > MILLISECOND
> > SECOND
> > MINUTE
> > HOUR
> > DAY
> > WEEK
> > MONTH
> > YEAR
> > DECADE
> > CENTURY
> > MILLENNIUM
> >
> > Changing the
> >
> > intervalPixels
> >
> > will compress/expand the Timeline.
> >
> > Regards,
> >
> > Larry
> >
> > ________________________________
> > From: justplainsara <[email protected] <mailto:[email protected]>>
> > To: SIMILE Widgets <[email protected]
> <mailto:[email protected]>>
> > Sent: Wednesday, March 25, 2009 2:56:09 PM
> > Subject: Condensing Timeline
> >
> >
> > I am very new to web page designing, and I am creating a timeline for
> > a project using the Similie Timeline. It is working fine, but it is
> > all very spread out and you have to scroll a lot to view each event.
> > It is seperated by years and then months. Is there a way to condense
> > the timeline to where you don't have to scroll so much to view each
> > event?
> >
> >
> >
> > >
> >
>
>
>
>
> >
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
