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]> 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]>
> To: SIMILE Widgets <[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
-~----------~----~----~----~------~----~------~--~---
