2

基本的に、simile タイムライン ウィジェットを使用するページの timeline.html を開くサーブレットがあります。user.dir/timeline.html から直接 Web ページを開くと、タイムラインが完全に表示されます。ただし、localhost:8080 のサーブレットによって Web ページが開かれると、xml ファイルが読み込まれません。

理由はわかりますか？

if (action.equals("create")) {
             request.getRequestDispatcher("/timeline.html").forward(request, response); }

タイムライン コード:

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Timeline</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
 <script src="http://api.simile-widgets.org/timeline/2.3.1/timeline-api.js?bundle=true" type="text/javascript"></script>
 <script>
   function onLoad() {
   var eventSource = new Timeline.DefaultEventSource();
  var bandInfos = [
 Timeline.createBandInfo({
     eventSource:    eventSource,
     date:           "Jun 28 2013 00:00:00 GMT",
     width:          "70%", 
     intervalUnit:   Timeline.DateTime.MONTH, 
     intervalPixels: 100
 }),
 Timeline.createBandInfo({
     overview:       true,
     eventSource:    eventSource,
     date:           "Jun 28 2013 00:00:00 GMT",
     width:          "30%", 
     intervalUnit:   Timeline.DateTime.YEAR, 
     intervalPixels: 200
 })
 ];
 bandInfos[1].syncWith = 0;
 bandInfos[1].highlight = true;

 tl = Timeline.create(document.getElementById("my-timeline"), bandInfos);
 Timeline.loadXML("/timeline.xml", function(xml, url) { eventSource.loadXML(xml, url); });}
  </script>
  </head>
  <body onload="onLoad();" onresize="onResize();">
   <div id="my-timeline" style="height: 300px; border: 1px solid #aaa"></div>
   <noscript>
This page uses Javascript to show you a Timeline. Please enable Javascript in your browser to see the full page. Thank you.
</noscript>

4

1 に答える 1