Dear all,
I'm trying to run exhibit and timeline on my own tomcat server.
Exhibit works, but when I try to get the timeline view, I get the
alert message: 'failed to create view Timeline'.
I've changed the URL in time-extension.js to "http://localhost:8080/
timeline/api/timeline-api.js" and it's definitely finding that js file
(I checked using an alert). And I do get a timeline, but there is no
data in it. When I view the same html and json page with Exhibit on
the Simile server, everything works fine, so the problem cannot be in
the data itself.
I've also tried using an older version of timeline, which seemed
easier to install; but although there is no alert, the timeline data
isn't plotted with this view either.
Does anyone know what could cause this, or what I have forgotten to
change? Are there things that should be changed inside the timeline
code?
My html file looks like this:
<html>
<head>
<title>...</title>
<link href="../data/data.json" type="application/json" rel="exhibit/
data" />
<script src="http://localhost:8080/exhibit/api/exhibit-api.js";
type="text/javascript"></script>
<script src="http://localhost:8080/exhibit/extensions/time/time-
extension.js" type="text/javascript"></script>
<script src="http://localhost:8080/exhibit/extensions/map/map-
extension.js"></script>
<script src="http://localhost:8080/timeline/ajax/api/simile-ajax-
api.js" type="text/javascript"></script>
<script>
(function() {
Timeline_urlPrefix='http://localhost:8080/timeline/
api/';
Timeline_parameters='bundle=true';
})();
</script>
<script src="http://localhost:8080/timeline/api/timeline-api.js";
type="text/javascript">
</script>
<style type="text/css">
body { font-size: 0.8em; }
#exhibit-wrapper { margin: 1em; border: 1px solid black;
padding:
1em;}
#facets-wrapper { width: 15em; float: left; font-size: 0.9em;
}
#viewPanel-wrapper { margin-left: 14.5em; }
.lens-wrapper { width: 25em; }
.lens-wrapper .type { float: right; color: #888; }
.lens-wrapper .time { font-style: italic; font-size: 0.8em; }
.lens-wrapper .field { }
</style>
</head>
<body>
<script>
var timelineConfig = {
timelineConstructor: function (div, eventSource) {
div.style.height="400px";
var theme = Timeline.ClassicTheme.create();
theme.event.label.width = 200; // px
theme.event.bubble.width = 600;
theme.event.bubble.height = 400;
var date = "Fri Nov 22 2008 13:00:00 GMT-0600"
var bandInfos = [
Timeline.createBandInfo({
width: "75%",
intervalUnit: Timeline.DateTime.MONTH,
intervalPixels: 60,
eventSource: eventSource,
date: date,
theme: theme
}),
Timeline.createBandInfo({
width: "25%",
intervalUnit: Timeline.DateTime.YEAR,
intervalPixels: 80,
eventSource: eventSource,
date: date,
showEventText: false,
overview: true,
theme: theme,
trackHeight: 0.5,
trackGap: 0.2
})
];
bandInfos[1].syncWith = 0;
bandInfos[0].highlight = true;
bandInfos[0].decorators = [
new Timeline.SpanHighlightDecorator({
startDate: "Nov 1 1970 00:00:00 GMT",
endDate: "Dec 1 2009 00:00:00 GMT",
startLabel: "START",
endLabel: "END",
color: "#FFC080",
opacity: 50,
theme: theme
})
];
tl = Timeline.create(div, bandInfos, Timeline.HORIZONTAL);
return tl;
}
}
</script>
<table width="100%">
<tr valign="top">
<td width="200">
<div ex:role="facet"
ex:facetClass="TextSearch">Search</div>
<div ex:role="facet" ex:expression=".properties"
ex:facetLabel="Properties" ex:sortMode="value" ex:height="330"></div>
<div ex:role="facet" ex:expression=".quantities"
ex:facetLabel="Quantities" ex:sortMode="count"></div>
<div ex:role="facet" ex:expression=".location"
ex:facetLabel="Location" ex:sortMode="count"></div>
<div ex:role="facet" ex:expression=".start"
ex:facetLabel="Date"
ex:sortMode="count" ex:height="130"></div>
</td>
<td ex:role="viewPanel">
<div ex:role="exhibit-view"
ex:viewClass="Exhibit.TabularView"
ex:columns=".label, .properties, .quantities, .location, .country, .start,
.end, .sourceUrl, .pages"
ex:columnLabels="Match, Properties,
Quantities, Location,
Country, Start Date, End Date, Url, Pages"
ex:columnFormats="list, list, list,
list, list, list,list,
url,list"
ex:sortColumn="3"
ex:sortAscending="false">
</div>
<div ex:role="exhibit-view"
ex:orders=".location, .properties,
.start, .end"
ex:possibleOrders=".label, .properties, .start, .end, .location, .country">
</div>
<div ex:role="exhibit-view" class="bold"
ex:viewClass="Timeline"
ex:start=".start"
ex:end=".end"
ex:colorKey=".properties"
ex:configuration="timelineConfig"
>
</div> <div
ex:role="exhibit-view"
ex:viewClass="Exhibit.Map"
ex:latlng=".addressLatLng"
ex:showAll="true"
ex:marker=".properties"
ex:label="Locations"
ex:color="#FF00FF"
ex:shape="triangle"
ex:shapeWidth="20"
ex:shapeHeight="20"
ex:bubbleWidth="300"
ex:bubbleHeight="500"
ex:zoom="2"
ex:type="hybrid"
ex:selectCoordinator="location"
ex:showSummary="false">
</div>
<table ex:role="lens" class="event">
<tr>
<td>
<div><b>Label:</b> <i><span
ex:content=".label"
class="name"></span></i></div>
<div><b>Location:</b> <span
ex:content=".location"
class="location"></span>.</div>
<div
class="date"><b>From:</b> <span ex:content=".start"></
span><br><b>To:</b> <span ex:content=".end"></span></div>
<div><b>Properties:</b>
<span ex:content=".properties"
class="properties"></span>.</div>
<div><b>Quantities:</b>
<span ex:content=".quantities"
class="quantities"></span>.</div>
<div><b>Context:</b> <span
ex:content=".context"
class="context"></span>.</div>
<div><b>Link:</b> <span
ex:content=".sourceUrl" class="url"></
span></div>
<div><b>Pages:</b> <span
ex:content=".pages" class="pages"></
span>.</div>
</td>
</tr>
</table>
</td> </tr>
</table>
</body>
</html>
Many thanks,
Feikje
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
