More than one timeline on a page

[Denbi Newton]

I am trying to have multiple timelines on one page

I have tried following:

https://groups.google.com/forum/?hl=en&fromgroups=#!searchin/verite-timeline/Support$20Multiple$20Timelines$20/verite-timeline/icBSNgbdTTE/-gtPNilKDRsJ

but was unsuccessful

I have also tried:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<!-- BEGIN TimelineJS -->
<script type="text/javascript" src="TimelineJS-master/build/js/storyjs-embed.js"></script>
<script>
$(document).ready(
function() {
                createStoryJS({
                    type:       'timeline',
                    width:      '800',
                    height:     '600',
                    source:     'exampleTimeLine.jsonp',
                    embed_id:   'my-timeline'
                });
            });
</script>
<script>
$(document).ready(
function() {
                createStoryJS({
                    type:       'timeline',
                    width:      '800',
                    height:     '600',
                    source:     'exampleTimeLine2.jsonp',
                    embed_id:   'my-timeline2'
                });
            });
</script>

<div id="timeline-embed"></div>

<div id="my-timeline"></div> 

<div id="timeline-embed"></div>

<div id="my-timeline2"></div> 

with no success either (both work individually)

I thought of creating two pages then using iframes to embed them on another page, just seems a little messy

Is there a better way?

all help much appreciated 

thanks

[mani]

Hi Denbi,

I have tried to do that, there's someone on this list who has kindly provided an example - that method works with a few tweaks. Have a look at these threads:

https://groups.google.com/forum/#!searchin/verite-timeline/multiple/verite-timeline/LSGtxstkz9c/20HB-itniLEJ

https://groups.google.com/forum/#!searchin/verite-timeline/mani/verite-timeline/su4bwm1-cNs/PgaYMh6W_fcJ

Hint:  I found if two or more timeline objects are in the same iFrame they tend to take over each others properties - hope this helps.

Thanks.

Cheers,

mani