html - Javascript Undefined -
i'm hoping can assist weird issue. have code below, when open web-page, straight .html, works fine. no problems. when imbed onto sharapoint page 2 errors:
- 'timeline' undefined
- unable value of property 'layout': object null or undefined. happening tl.layout(); function way down @ bottom.
i've added in 2 comments show errors being tagged in debugger. i'm stumped code works fine on own, , i'm not sure how 'losing' definitions?
<class="javascript" style="border: 1px solid #b4d0dc; background-color: #ecf8ff;"> <html> <head> <script type="text/javascript"> timeline_ajax_url="/sites/abc/shared%20documents/timeline_front/timeline_ajax/simile-ajax-api.js"; timeline_urlprefix='sites/abc/shared%20documents/timeline_front/timeline_js/'; timeline_parameters='bundle=true' </script> <script> </script> <script src="/sites/abc/shared%20documents/timeline_front/timeline_js/timeline-api.js"type="text/javascript"> </script> <script type="text/javascript"> var tl; var eventsource = new timeline.defaulteventsource(); //error happening here. function openxmlfile(url) { if (document.implementation && document.implementation.createdocument) { xmldoc = document.implementation.createdocument("", "", null); try { netscape.security.privilegemanager.enableprivilege("universalbrowserread"); } catch (e) { alert("permission universalbrowserread denied."); } xmldoc.async=false; xmldoc.load(url); return(xmldoc); } else if (window.activexobject) { xmldoc = new activexobject("microsoft.xmldom"); xmldoc.async="false"; xmldoc.load(url); return(xmldoc); } else { alert('your browser cannot handle script'); return; } } function takeeventout(url) { var rows; xmldoc = openxmlfile(url); if (document.implementation && document.implementation.createdocument) { try { netscape.security.privilegemanager.enableprivilege("universalbrowserread"); } catch (e) { alert("permission universalbrowserread denied."); } var rows = xmldoc.getelementsbytagname("row"); } else if (window.activexobject) { rows = xmldoc.getelementsbytagname("z:row"); } else { alert('your browser cannot handle script'); return; } (j=0;j<rows.length;j++) { // taking event info xml var rawdateevent = rows.item(j).getattribute('ows_startdate'); var rawendevent = rows.item(j).getattribute('ows_enddate'); var eventtitle = rows.item(j).getattribute('ows_linktitle'); var status = rows.item(j).getattribute('ows_activity'); var priority = rows.item(j).getattribute('ows_activity'); var eventidtag = rows.item(j).getattribute('ows_id'); var iconimage; iconimage = "/sites/abc/shared%20documents/timeline/timeline_js/images/dark-red-circle.png"; var datearray = rawdateevent.split("#"); var dateevent = datearray[1]; datearray = rawendevent.split("#"); var endevent = datearray[1]; //var dateevent = "wed jan 01 2014 00:00:00 gmt-0600"; //var endevent = "thu feb 22 2014 00:00:00 gmt-0600"; var eventdays = rows.item(j).getattribute('ows_islong'); datearray = eventdays.split("#"); var ismulticheck = datearray[1]; // chossing color event var color; color = "blue"; if(ismulticheck=="true"){ var evt = new timeline.defaulteventsource.event({ 'start': new date(dateevent), 'isduration': ismulticheck, 'description': eventtitle + "", 'title': eventtitle + "", 'icon': iconimage }); evt._title = eventtitle; evt._instant = true; evt._text = eventtitle + ""; evt._link = "/abc/lists/operations/dispform.aspx?id=" + eventidtag; } else { var evt = new timeline.defaulteventsource.event({ 'start': new date(dateevent), 'end': new date(endevent), 'isduration': ismulticheck, 'title': eventtitle + "", 'description': eventtitle + "" }); evt._title = eventtitle; evt._instant = false; evt._text = eventtitle + ""; evt._link = "/abc/lists/operations/dispform.aspx?id=" + eventidtag; } //printobject debugging //printobject(evt); // adding source eventsource.add(evt); } } function printobject(o) { var out = ''; (var p in o) { out += p + ': ' + o[p] + '\n'; } alert(out); } function onload() { takeeventout("/sites/abc/_vti_bin/owssvr.dll?xmldata=1&list={guid} &view={guid}&rowlimit=0&rootfolder="); //create timeline var bandinfos = [ timeline.createbandinfo({ trackgap: 0.2, width: "70%", date: "8 aug 2014", intervalunit: timeline.datetime.day, intervalpixels: 50, timezone: -6, eventsource: eventsource, layout: 'original' // original, overview, detailed }), timeline.createbandinfo({ trackheight: 0.5, trackgap: 0.2, width: "30%", timezone: -6, date: "8 aug 2014", intervalunit: timeline.datetime.month, intervalpixels: 150, eventsource: eventsource, layout: 'overview' // original, overview, detailed }) ]; bandinfos[1].syncwith = 0; bandinfos[1].highlight = true; (var = 0; < bandinfos.length; i++) { bandinfos[i].decorators = [ new timeline.spanhighlightdecorator({ startdate: "sun jun 22 2014 12:30:00 gmt-0600", enddate: "fri aug 15 2014 13:00:00 gmt-0600", color: "#ffc080", opacity: 50, startlabel: "block begins", endlabel: "block ends", // theme: theme, cssclass: 't-highlight1' }) ]; } tl = timeline.create(document.getelementbyid("my-timeline"), bandinfos); } var resizetimerid = null; function onresize() { if (resizetimerid == null) { resizetimerid = window.settimeout(function() { resizetimerid = null; tl.layout(); //second error here }, 500); } } </script> </head> <body onload="onload();" onresize="onresize();"> <div id="my-timeline" style="height: 500px; border: 1px solid #aaa"></div> </body> </html>
the problem down line
<script src="/sites/abc/shared%20documents/timeline_front/timeline_js/timeline-api.js"type="text/javascript"> </script> check script source , pointing right file. sharepoint might looking file in different place ie
the second error results first error, cannot undefined object. object timeline undefined because script src wrong
Comments
Post a Comment