Hello,
I'd like to have a text with paragraphs, like in this example, the birth
of Monet:
http://simile-widgets.googlecode.com/svn/timeline/tags/latest/src/webapp/examples/monet/monet.html
_*The source code of .xml is:*_
<event start="Nov 14 1840 00:00:00 GMT" title="Birth"
image="monet.png" link="http://en.wikipedia.org/wiki/Monet";>
Claude Monet, also known as Oscar-Claude Monet or Claude
Oscar Monet
was born to Adolphe and Louise-Justine Monet of 45 Rue
Laffitte,
in the 9th arrondissement of Paris.
<p>
He was christened as Oscar-Claude at the church of
Notre-Dame-de-Lorette. His father wanted him to go into
the family
(grocery store) business, but Claude Monet wanted to
become an artist.
His mother was a singer, both parents were
second-generation Parisians.
</p>
</event>
Why doesn't it work when I do it? The first text will appear, but not
the second one...
_*My file is a very simple one: I did not include a CSS page at the
moment:*_
<html>
<head>
<title>AFVE</title>
<!-- <link rel='stylesheet' href='../styles.css' type='text/css' />-->
<!--
############################################################################
-->
<!-- To use this file on your own system, replace
../../api/timeline-api.js with -->
<!--
http://static.simile.mit.edu/timeline/api-2.3.0/timeline-api.js
-->
<!-- (Where 2.3.0 is the current release
number.) -->
<script
src="http://static.simile.mit.edu/timeline/api-2.3.0/timeline-api.js";
type="text/javascript"></script>
<meta charset="utf-8" />
<script>
var tl;
function onLoad() {
var eventSource = new Timeline.DefaultEventSource(0);
var theme = Timeline.ClassicTheme.create();
theme.event.bubble.width = 320;
theme.event.bubble.height = 220;
theme.ether.backgroundColors[1] =
theme.ether.backgroundColors[0];
var d = Timeline.DateTime.parseGregorianDateTime("1570")
var bandInfos = [
Timeline.createBandInfo({
width: "10%",
intervalUnit: Timeline.DateTime.DECADE,
intervalPixels: 200,
date: d,
showEventText: false,
theme: theme
}),
Timeline.createBandInfo({
width: "90%",
intervalUnit: Timeline.DateTime.DECADE,
intervalPixels: 200,
eventSource: eventSource,
date: d,
theme: theme
})
];
bandInfos[0].etherPainter = new
Timeline.YearCountEtherPainter({
startDate: "Sept 29 1548 00:00:00 GMT",
multiple: 5,
theme: theme
});
bandInfos[0].syncWith = 1;
bandInfos[0].highlight = false;
bandInfos[0].decorators = [
new Timeline.SpanHighlightDecorator({
startDate: "Sept 29 1543 00:00:00 GMT",
endDate: "Apr 1615 00:00:00 GMT",
startLabel: "birth",
endLabel: "death",
color: "#FFC080",
opacity: 50,
theme: theme
})
];
tl = Timeline.create(document.getElementById("tl"),
bandInfos, Timeline.HORIZONTAL);
tl.loadXML("monet.xml", function(xml, url) {
eventSource.loadXML(xml, url);
});
}
var resizeTimerID = null;
function onResize() {
if (resizeTimerID == null) {
resizeTimerID = window.setTimeout(function() {
resizeTimerID = null;
tl.layout();
}, 500);
}
}
</script>
</head>
<body onload="onLoad();" onresize="onResize();">
<div id="body">
<h1>AFVE</h1>
<div id="tl" class="timeline-default" style="height: 400px;">
</div>
</div>
</body>
</html>
_*My .xml file:*_
<data>
<event start="Jan 01 1554" end="May 22 1554 00:00:00 GMT"
title="Eletti sopra la musica">
Eletti sopra la musica: <p>Giovanni Domenico Todesco,
Donise di Donisi, Domenico Brusasorzi </p>
</event>
<event start="Nov 14 1543 00:00:00 GMT" title="Birth">
Ipsum lorem
<p>ipsum lorem bis </p>
</event>
</data>
--
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.
