TIMELINE. Caught Exception: Error firing event of name onRootCollectionSet to wildcard handler Details: 'this._dom.timeline' is null or not an object

I'm calling an asp.net page for the json data. If I run it dynamically it
chokes. But if I run the porlist.aspx, then save the output to a .js file
and reference it, it works just fine. Do I need to exclude headers from the
output or set some specific content type?

Thoughts?

IE7, VS 2005, VB.NET 

[Submitted by Steve Montgomery on simile.mit.edu]

 <head id="Head1" runat="server">
        <title><%=strApplicationTitle%></title>
        <meta http-equiv="Content-Language" content="en-us" />
        <link rel="shortcut icon" type="image/x-icon"
href="/images/favicon.ico" />
        <link rel="stylesheet" type="text/css" media="screen"
href="/css/screen.css" />

<script language="javascript" type="text/javascript"
src="/scripts/iefix777.js"></script>
        <link href="/porlist.aspx" type="applicaiton/json"
rel="exhibit/data" />
        <script language="javascript" type="text/javascript"
src="/exhibit/src/webapp/api/exhibit-api.js?views=timeline"></script>
        <script language="javascript" type="text/javascript"
src="/scripts/CLASSIC-THEME.js"></script>

<link rel="stylesheet" type="text/css" media="screen"
href="/css/timeline.css" />
        <script type="text/javascript">

        var timelineConfig = {

timelineConstructor:function ( div, eventSource ) {

div.style.height = "500px";
                var theme = Timeline.ClassicTheme.create();
                theme.ether.backgroundColors[0] = '#f9f5f5';
                theme.ether.backgroundColors[1] = '#00345e';
                theme.ether.highlightColor = '#ffffff';
                theme.ether.highlightOpacity = '75';
                theme.event.bubble.width = 400;
                theme.event.bubble.height = 250;
                theme.event.label.width = 280;
                theme.event.label.highlightColor = '#ffffff';
                theme.event.instant.icon = 'images/icon_view.gif';

var bandInfos = [
                Timeline.createBandInfo({
                    eventSource: eventSource,
                    width: "85%",
                    intervalUnit: Timeline.DateTime.MONTH,
                    intervalPixels: 350,
                    theme: theme
                    }),

Timeline.createBandInfo({
                    eventSource: eventSource,
                    showEventText: false,
                    width: "15%",
                    intervalUnit: Timeline.DateTime.YEAR,
                    intervalPixels: 200,
                    theme: theme
                    })
                ];

bandInfos[0].syncWith = 1;
                bandInfos[0].highlight = false;

var tl = Timeline.create( div, bandInfos, Timeline.HORIZONTAL);

return tl;
               }
               }
        </script>

    </head>

 <table width="100%">
        <tr valign="top">
            <td align="center">
                <div id="exhibit-browse-panel" ex:facets=".Category,
.POR-Name, .Document-Type, .Audience, .Technology">
                </div>
            </td>
        </tr>
        <tr valign="top">
            <td>
                <div id="exhibit-control-panel">
                </div>
                <div id="exhibit-view-panel">
                    <div ex:role="exhibit-view"
ex:viewclass="Exhibit.TimelineView" ex:configuration="timelineConfig"
                        ex:label="View Timeline" ex:copy-button="false"
ex:start=".Delivery-Date" ex:marker=".Document-Status"
                        ex:bubblewidth="400" ex:bubbleheight="250"
ex:topbandintervalpixels="60" ex:bottombandintervalpixels="100"
                        ex:densityfactor="4">
                    </div>
                    <div ex:role="exhibit-view"
ex:viewclass="Exhibit.TileView" ex:label="View Document List"
                        ex:showall="true" ex:grouped="false"
ex:orders=".Delivery-Date, .Name" ex:possibleorders=".POR-Name, .Category,
.Technology, .Document-Type, .Content-Group, .Content-Owner">
                    </div>
                    <table ex:role="exhibit-lens" class="tiles">
                        <tr>
                            <td>
                                <img ex:src-content=".imageURL" alt="" />
                            </td>
                            <td class="abstract">
                                <div ex:content=".Name" class="name">
                                </div>
                                <a ex:href-content=".url">[View Comments]</a>
                                <br />
                                <div ex:content=".Document-Abstract"
class="abstract">
                                </div>
                                <br />
                                <b>Status:</b>
                                <div ex:content=".Document-Status"
class="eLabel eText">
                                </div>
                                <b>Delivery Date:</b>
                                <div ex:content=".Delivery-Date"
class="eLabel eText">
                                </div>
                                <b>Document Type:</b>
                                <div ex:content=".Document-Type"
class="eLabel eText">
                                </div>
                                <b>Category:</b>
                                <div ex:content=".Category" class="eLabel
eText">
                                </div>
                                <b>POR Name:</b>
                                <div ex:content=".POR-Name" class="eLabel
eText">
                                </div>
                                <b>Technology:</b>
                                <div ex:content=".Technology" class="eLabel
eText">
                                </div>
                                <b>Audience:</b>
                                <div ex:content=".Audience" class="eLabel
eText">
                                </div>
                                <b>Content Group:</b>
                                <div ex:content=".Content-Group"
class="eLabel eText">
                                </div>
                                <b>Content Owner:</b>
                                <div ex:content=".Content-Owner"
class="eLabel eText">
                                </div>
                                <b>Comment Count:</b>
                                <div ex:content=".Comment-Count"
class="eLabel eText">
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
            </td>
        </tr>
    </table>
Original issue reported on code.google.com by GabrielR...@googlemail.com on 7 Apr 2009 at 2:12
PonteIneptique / simile-widgets

TIMELINE. Caught Exception: Error firing event of name onRootCollectionSet to wildcard handler Details: 'this._dom.timeline' is null or not an object #189
