Simile local installation problems? - SIMILE Widgets

The old Google Groups will be going away soon, but your browser is incompatible with the new version.
Message from discussion Simile local installation problems?
Received-SPF: pass (google.com: domain of steve...@gmail.com designates 74.125.82.178 as permitted sender) client-ip=74.125.82.178;
MIME-Version: 1.0
In-Reply-To: <f62bcbd6-026a-4195-b0c8-5af78ac62...@jx17g2000pbb.googlegroups.com>
References: <f62bcbd6-026a-4195-b0c8-5af78ac62...@jx17g2000pbb.googlegroups.com>
Date: Fri, 20 Apr 2012 12:27:51 -0700
Message-ID: <CAMQ5P_vibka3rCtbgrZvMzKAesz3KY5PSTvJi=a5CugqDrS...@mail.gmail.com>
Subject: Re: [Simile-Widgets] Simile local installation problems?
From: Steve Pai <steve...@gmail.com>
To: simile-widgets@googlegroups.com
Content-Type: multipart/alternative; boundary=0016e6dee821cfab5904be2148af

--0016e6dee821cfab5904be2148af
Content-Type: text/plain; charset=ISO-8859-1

Paige,

Not sure if you got it working yet, but I noticed in your original email:

<script>
> Timeline_ajax_url="http://paigemorgan.net/timeline/src/ajax/api/simile-
> ajax-api.js
> ajax-api.js<http://paigemorgan.net/timeline/src/ajax/api/simile-ajax-api.js>
> "
> Timeline_urlPrefix='http://paigemorgan.net/timeline/timeline_js/';
> Timeline_parameters='bundle=true';
> </script>


 Someone correct my if I'm wrong but within timeline-api.js, the 'bundle'
parameter controls this if statement:

>
            if (bundle) {

                includeJavascriptFiles(Timeline.urlPrefix, [
"timeline-bundle.js" ]);

                includeCssFiles(Timeline.urlPrefix, [ "timeline-bundle.css"]);

            } else {

                includeJavascriptFiles(Timeline.urlPrefix + "scripts/",
javascriptFiles);

                includeCssFiles(Timeline.urlPrefix + "styles/", cssFiles);

            }


Setting Timeline_parameters='bundle=true'; will use timeline-bundle.js, a
condensed version of the .js libraries, rather than the ones you modify for
custom units.

This section of timeline-api.js appears to parse the url/js variable
parameters:

  var parseURLParameters = function(parameters) {

                var params = parameters.split("&");

                for (var p = 0; p < params.length; p++) {

                    var pair = params[p].split("=");

                    if (pair[0] == "locales") {

                        desiredLocales = desiredLocales.concat(pair[1
].split(","));

                    } else if (pair[0] == "defaultLocale") {

                        defaultServerLocale = pair[1];

                    } else if (pair[0] == "forceLocale") {

                        forceLocale = pair[1];

                        desiredLocales = desiredLocales.concat(pair[1
].split(","));

                    } else if (pair[0] == "bundle") {

                        bundle = pair[1] != "false";

                    }

                }

            };

My only confusion is since date-time.js also needs to be modified (which
resides in the ajax scripts), will setting 'bundle=true' also trickle into
simile-ajax-api.js, or does another param need to be included? Looks to be
initialized to true:

    var SimileAjax = {

        loaded:                 false,

        loadingScriptsCount:    0,

        error:                  null,

        params:                 { bundle:"true" }

    };



Steve

On Wed, Apr 18, 2012 at 8:59 PM, Paige Morgan <paige.c.mor...@gmail.com>wrote:

> Hi,
>
> I'm trying to get Simile installed locally, using the full
> timeline_source_2.3.0.zip, so that I can customize the units of time.
>
> The wiki and other resources pointed me to these instructions, which
> are also contained in the timeline-api.js file
>
>
> http://code.google.com/p/simile-widgets/source/browse/timeline/trunk/src/webapp/api/timeline-api.js?r=2239
>
> Those instructions suggest that I ought to be including the following
> lines of code in my <head> section.
>
> <script>
> Timeline_ajax_url="http://paigemorgan.net/timeline/src/ajax/api/simile-
> ajax-api.js"
> Timeline_urlPrefix='http://paigemorgan.net/timeline/timeline_js/';
> Timeline_parameters='bundle=true';
> </script>
>
> <script src="http://paigemorgan.net/timeline/src/webapp/api/timeline-
> api.js?bundle=true"
> type="text/javascript">
> </script>
>
> I am -- but I'm not having any luck loading timeline. The page I'm
> trying to load is here: http://www.paigemorgan.net/timelines/demo.html
>
> I tried it with a simple timeline from David Karger's really great
> tutorial here http://people.csail.mit.edu/karger/Exhibit/CAR/HandsOn/
> -- which is where I originally learned to use Simile Timeline -- but
> no luck.
>
> I've checked the archives for this group, and googled creatively --
> but I'm not finding any solutions. Can anyone here suggest anything? I
> would be tremendously grateful.
>
> Thanks,
>
> Paige
>
> --
> You received this message because you are subscribed to the Google Groups
> "SIMILE Widgets" group.
> To post to this group, send email to simile-widgets@googlegroups.com.
> To unsubscribe from this group, send email to
> simile-widgets+unsubscribe@googlegroups.com.
> For more options, visit this group at
> http://groups.google.com/group/simile-widgets?hl=en.
>
>

--0016e6dee821cfab5904be2148af
Content-Type: text/html; charset=ISO-8859-1
Content-Transfer-Encoding: quoted-printable

Paige,<div><br></div><div>Not sure if you got it working yet, but I noticed=
 in your original email:</div><div><br></div><div><blockquote class=3D"gmai=
l_quote" style=3D"margin-top:0px;margin-right:0px;margin-bottom:0px;margin-=
left:0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-=
left-style:solid;padding-left:1ex">
<span class=3D"Apple-style-span" style=3D"border-collapse:collapse;color:rg=
b(34,34,34);font-family:arial,sans-serif;font-size:13px">&lt;script&gt;<br>=
</span><span class=3D"Apple-style-span" style=3D"border-collapse:collapse;c=
olor:rgb(34,34,34);font-family:arial,sans-serif;font-size:13px">Timeline_aj=
ax_url=3D&quot;<a href=3D"http://paigemorgan.net/timeline/src/ajax/api/simi=
le-ajax-api.js" target=3D"_blank" style=3D"color:rgb(17,85,204)">http://pai=
gemorgan.net/timeline/src/ajax/api/simile-<br>
ajax-api.js<br></a></span><span class=3D"Apple-style-span" style=3D"border-=
collapse:collapse;color:rgb(34,34,34);font-family:arial,sans-serif;font-siz=
e:13px"><a href=3D"http://paigemorgan.net/timeline/src/ajax/api/simile-ajax=
-api.js" target=3D"_blank" style=3D"color:rgb(17,85,204)">ajax-api.js</a>&q=
uot;<br>
</span><span class=3D"Apple-style-span" style=3D"border-collapse:collapse;c=
olor:rgb(34,34,34);font-family:arial,sans-serif;font-size:13px">Timeline_ur=
lPrefix=3D&#39;<a href=3D"http://paigemorgan.net/timeline/timeline_js/" tar=
get=3D"_blank" style=3D"color:rgb(17,85,204)">http://paigemorgan.net/timeli=
ne/timeline_js/</a>&#39;;<br>
</span><span class=3D"Apple-style-span" style=3D"border-collapse:collapse;c=
olor:rgb(34,34,34);font-family:arial,sans-serif;font-size:13px">Timeline_pa=
rameters=3D&#39;bundle=3Dtrue&#39;;<br></span><span class=3D"Apple-style-sp=
an" style=3D"border-collapse:collapse;color:rgb(34,34,34);font-family:arial=
,sans-serif;font-size:13px">&lt;/script&gt;</span></blockquote>
<div><br></div><div>=A0Someone correct my if I&#39;m wrong but within timel=
ine-api.js, the &#39;bundle&#39; parameter controls this if statement:</div=
><blockquote class=3D"gmail_quote" style=3D"margin-top:0px;margin-right:0px=
;margin-bottom:0px;margin-left:0.8ex;border-left-width:1px;border-left-colo=
r:rgb(204,204,204);border-left-style:solid;padding-left:1ex">
</blockquote><br><blockquote class=3D"gmail_quote" style=3D"margin-top:0px;=
margin-right:0px;margin-bottom:0px;margin-left:0.8ex;border-left-width:1px;=
border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex=
">
<blockquote></blockquote></blockquote><div><p style=3D"margin:0px 0px 0px 0=
px;font:11.0px Menlo">=A0 =A0 =A0 =A0 =A0 =A0=A0<span style=3D"color:#b3270=
f">if</span> (bundle) {</p>
<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 =A0 =
=A0 =A0 =A0 includeJavascriptFiles(Timeline.urlPrefix, [ <span style=3D"col=
or:#9234bb">&quot;timeline-bundle.js&quot;</span> ]);</p>
<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 =A0 =
=A0 =A0 =A0 includeCssFiles(Timeline.urlPrefix, [ <span style=3D"color:#923=
4bb">&quot;timeline-bundle.css&quot;</span> ]);</p>
<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 =A0 =
=A0 } <span style=3D"color:#b3270f">else</span> {</p>
<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 =A0 =
=A0 =A0 =A0 includeJavascriptFiles(Timeline.urlPrefix + <span style=3D"colo=
r:#9234bb">&quot;scripts/&quot;</span>, javascriptFiles);</p>
<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 =A0 =
=A0 =A0 =A0 includeCssFiles(Timeline.urlPrefix + <span style=3D"color:#9234=
bb">&quot;styles/&quot;</span>, cssFiles);</p>
<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 =A0 =
=A0 }</p><p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo"><br></p></di=
v><div>Setting=A0<span class=3D"Apple-style-span" style=3D"border-collapse:=
collapse;color:rgb(34,34,34);font-family:arial,sans-serif;font-size:13px">T=
imeline_parameters=3D&#39;bundle=3D</span><span class=3D"Apple-style-span" =
style=3D"border-collapse:collapse;color:rgb(34,34,34);font-family:arial,san=
s-serif;font-size:13px"></span><span class=3D"Apple-style-span" style=3D"bo=
rder-collapse:collapse;color:rgb(34,34,34);font-family:arial,sans-serif;fon=
t-size:13px">true&#39;; will use timeline-bundle.js, a condensed version of=
 the .js libraries, rather than the ones you modify for custom units.</span=
></div>
<div><span class=3D"Apple-style-span" style=3D"border-collapse:collapse;col=
or:rgb(34,34,34);font-family:arial,sans-serif;font-size:13px"><br></span></=
div><div><span class=3D"Apple-style-span" style=3D"border-collapse:collapse=
;color:rgb(34,34,34);font-family:arial,sans-serif;font-size:13px">This sect=
ion of timeline-api.js appears to parse the url/js variable parameters:</sp=
an></div>
<div><span class=3D"Apple-style-span" style=3D"border-collapse:collapse;col=
or:rgb(34,34,34);font-family:arial,sans-serif;font-size:13px"><br></span></=
div><div><span class=3D"Apple-style-span" style=3D"border-collapse:collapse=
;color:rgb(34,34,34);font-family:arial,sans-serif;font-size:13px"><p style=
=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">
=A0=A0<span style=3D"color:#b3270f">var</span> parseURLParameters =3D <span=
 style=3D"color:#b3270f">function</span>(parameters) {</p>
<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 =A0 =
=A0 =A0 =A0 <span style=3D"color:#b3270f">var</span> params =3D parameters.=
split(<span style=3D"color:#9234bb">&quot;&amp;&quot;</span>);</p>
<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 =A0 =
=A0 =A0 =A0 <span style=3D"color:#b3270f">for</span> (<span style=3D"color:=
#b3270f">var</span> p =3D <span style=3D"color:#203af9">0</span>; p &lt; pa=
rams.length; p++) {</p>

<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 =A0 =
=A0 =A0 =A0 =A0 =A0 <span style=3D"color:#b3270f">var</span> pair =3D param=
s[p].split(<span style=3D"color:#9234bb">&quot;=3D&quot;</span>);</p>
<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 =A0 =
=A0 =A0 =A0 =A0 =A0 <span style=3D"color:#b3270f">if</span> (pair[<span sty=
le=3D"color:#203af9">0</span>] =3D=3D <span style=3D"color:#9234bb">&quot;l=
ocales&quot;</span>) {</p>
<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 =A0 =
=A0 =A0 =A0 =A0 =A0 =A0 =A0 desiredLocales =3D desiredLocales.concat(pair[<=
span style=3D"color:#203af9">1</span>].split(<span style=3D"color:#9234bb">=
&quot;,&quot;</span>));</p>
<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 =A0 =
=A0 =A0 =A0 =A0 =A0 } <span style=3D"color:#b3270f">else</span> <span style=
=3D"color:#b3270f">if</span> (pair[<span style=3D"color:#203af9">0</span>] =
=3D=3D <span style=3D"color:#9234bb">&quot;defaultLocale&quot;</span>) {</p=
>

<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 =A0 =
=A0 =A0 =A0 =A0 =A0 =A0 =A0 defaultServerLocale =3D pair[<span style=3D"col=
or:#203af9">1</span>];</p>
<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 =A0 =
=A0 =A0 =A0 =A0 =A0 } <span style=3D"color:#b3270f">else</span> <span style=
=3D"color:#b3270f">if</span> (pair[<span style=3D"color:#203af9">0</span>] =
=3D=3D <span style=3D"color:#9234bb">&quot;forceLocale&quot;</span>) {</p>

<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 =A0 =
=A0 =A0 =A0 =A0 =A0 =A0 =A0 forceLocale =3D pair[<span style=3D"color:#203a=
f9">1</span>];</p>
<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 =A0 =
=A0 =A0 =A0 =A0 =A0 =A0 =A0 desiredLocales =3D desiredLocales.concat(pair[<=
span style=3D"color:#203af9">1</span>].split(<span style=3D"color:#9234bb">=
&quot;,&quot;</span>)); =A0 =A0 =A0 =A0 =A0 =A0 =A0 =A0 =A0 =A0 =A0 =A0</p>

<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 =A0 =
=A0 =A0 =A0 =A0 =A0 } <span style=3D"color:#b3270f">else</span> <span style=
=3D"color:#b3270f">if</span> (pair[<span style=3D"color:#203af9">0</span>] =
=3D=3D <span style=3D"color:#9234bb">&quot;bundle&quot;</span>) {</p>

<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 =A0 =
=A0 =A0 =A0 =A0 =A0 =A0 =A0 bundle =3D pair[<span style=3D"color:#203af9">1=
</span>] !=3D <span style=3D"color:#9234bb">&quot;false&quot;</span>;</p>
<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 =A0 =
=A0 =A0 =A0 =A0 =A0 }</p>
<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 =A0 =
=A0 =A0 =A0 }</p>
<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 =A0 =
=A0 };</p><div><br></div><div>My only confusion is since date-time.js also =
needs to be modified (which resides in the ajax scripts), will setting &#39=
;bundle=3Dtrue&#39; also trickle into simile-ajax-api.js, or does another p=
aram need to be included? Looks to be initialized to true:</div>
<div><br></div><div><p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=
=A0 =A0=A0<span style=3D"color:#b3270f">var</span> SimileAjax =3D {</p>
<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 loade=
d: =A0 =A0 =A0 =A0 =A0 =A0 =A0 =A0 <span style=3D"color:#b3270f">false</spa=
n>,</p>
<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 loadi=
ngScriptsCount:=A0 =A0 <span style=3D"color:#203af9">0</span>,</p>
<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 error=
:=A0 =A0 =A0 =A0 =A0 =A0 =A0 =A0 =A0 <span style=3D"color:#b3270f">null</sp=
an>,</p>
<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 =A0 =A0 param=
s: =A0 =A0 =A0 =A0 =A0 =A0 =A0 =A0 { bundle:<span style=3D"color:#9234bb">&=
quot;true&quot;</span> }</p>
<p style=3D"margin:0px 0px 0px 0px;font:11.0px Menlo">=A0 =A0 };</p></div><=
div><br></div><div><br></div><div><br></div><div>Steve</div></span></div><b=
r><div class=3D"gmail_quote">On Wed, Apr 18, 2012 at 8:59 PM, Paige Morgan =
<span dir=3D"ltr">&lt;<a href=3D"mailto:paige.c.mor...@gmail.com">paige.c.m=
or...@gmail.com</a>&gt;</span> wrote:<br>
<blockquote class=3D"gmail_quote" style=3D"margin:0 0 0 .8ex;border-left:1p=
x #ccc solid;padding-left:1ex">Hi,<br>
<br>
I&#39;m trying to get Simile installed locally, using the full<br>
timeline_source_2.3.0.zip, so that I can customize the units of time.<br>
<br>
The wiki and other resources pointed me to these instructions, which<br>
are also contained in the timeline-api.js file<br>
<br>
<a href=3D"http://code.google.com/p/simile-widgets/source/browse/timeline/t=
runk/src/webapp/api/timeline-api.js?r=3D2239" target=3D"_blank">http://code=
.google.com/p/simile-widgets/source/browse/timeline/trunk/src/webapp/api/ti=
meline-api.js?r=3D2239</a><br>

<br>
Those instructions suggest that I ought to be including the following<br>
lines of code in my &lt;head&gt; section.<br>
<br>
&lt;script&gt;<br>
Timeline_ajax_url=3D&quot;<a href=3D"http://paigemorgan.net/timeline/src/aj=
ax/api/simile-
ajax-api.js" target=3D"_blank">http://paigemorgan.net/timeline/src/ajax/api=
/simile-<br>
ajax-api.js</a>&quot;<br>
Timeline_urlPrefix=3D&#39;<a href=3D"http://paigemorgan.net/timeline/timeli=
ne_js/" target=3D"_blank">http://paigemorgan.net/timeline/timeline_js/</a>&=
#39;;<br>
Timeline_parameters=3D&#39;bundle=3Dtrue&#39;;<br>
&lt;/script&gt;<br>
<br>
&lt;script src=3D&quot;<a href=3D"http://paigemorgan.net/timeline/src/webap=
p/api/timeline-
api.js?bundle=3Dtrue" target=3D"_blank">http://paigemorgan.net/timeline/src=
/webapp/api/timeline-<br>
api.js?bundle=3Dtrue</a>&quot;<br>
type=3D&quot;text/javascript&quot;&gt;<br>
&lt;/script&gt;<br>
<br>
I am -- but I&#39;m not having any luck loading timeline. The page I&#39;m<=
br>
trying to load is here: <a href=3D"http://www.paigemorgan.net/timelines/dem=
o.html" target=3D"_blank">http://www.paigemorgan.net/timelines/demo.html</a=
><br>
<br>
I tried it with a simple timeline from David Karger&#39;s really great<br>
tutorial here <a href=3D"http://people.csail.mit.edu/karger/Exhibit/CAR/Han=
dsOn/" target=3D"_blank">http://people.csail.mit.edu/karger/Exhibit/CAR/Han=
dsOn/</a><br>
-- which is where I originally learned to use Simile Timeline -- but<br>
no luck.<br>
<br>
I&#39;ve checked the archives for this group, and googled creatively --<br>
but I&#39;m not finding any solutions. Can anyone here suggest anything? I<=
br>
would be tremendously grateful.<br>
<br>
Thanks,<br>
<br>
Paige<br>
<span class=3D"HOEnZb"><font color=3D"#888888"><br>
--<br>
You received this message because you are subscribed to the Google Groups &=
quot;SIMILE Widgets&quot; group.<br>
To post to this group, send email to <a href=3D"mailto:simile-widgets@googl=
egroups.com">simile-widgets@googlegroups.com</a>.<br>
To unsubscribe from this group, send email to <a href=3D"mailto:simile-widg=
ets%2Bunsubscribe@googlegroups.com">simile-widgets+unsubscribe@googlegroups=
.com</a>.<br>
For more options, visit this group at <a href=3D"http://groups.google.com/g=
roup/simile-widgets?hl=3Den" target=3D"_blank">http://groups.google.com/gro=
up/simile-widgets?hl=3Den</a>.<br>
<br>
</font></span></blockquote></div><br></div>

--0016e6dee821cfab5904be2148af--
Create a group - Google Groups - Google Home - Terms of Service - Privacy Policy
Account Options
