Timeline question concerning the fillInfoBubble:function

[shawn keeling]

Hello Everyone,

The Simile Timeline is an excellent project, but there isn't a clear enough separation of content from presentation. I'm no JavaScript expert, so that leaves designers, such as me, at a real loss or at least with a big challenge. Nonetheless, I managed to "theme" a Simile timeline with some styles that I required at a minimum. This includes but is not limited to background images, curved corners, dotted borders, and rollover effects. But this was no easy task, and in the end it required lots of editing outside of the theming.js.

My first Simile timeline charts the releases of Mac OSX. It's best viewed in Firefox, Safari and IE 7 respectively. Unfortunately it breaks in IE 6. But no surprise there :)

I'm still struggling however with theming or rather customizing and adding more control to the fillInfoBubble:function. I would like to add several things such as image links, link tagets, and flash files. I would like my XML file to be something like the following:

    <event
    start=""
    end=""
    isDuration=""
    icon=""
    title=""
    titlelink=""
    titlelinktarget=""
    image=""
    imglink=""
    imglinktarget=""
    flash="" >
    </event>

I especially need the link target function becasue of the use of iFrames. Could someone please provide a simple example of how to do this. Thanks for your time.

Best,
Keeling

_______________________________________________
General mailing list
General@...
http://simile.mit.edu/mailman/listinfo/general

[MacKenzie Smith-2]

Nice Timeline, Keeling. Sorry you had so much trouble, and glad you
managed to struggle through -- your effort looks worthwhile.
Your question, however, should go to the new mailing list for timeline
and its friends over here: http://code.google.com/p/simile-widgets/

Thanks,

MacKenzie

> Hello Everyone,
>
> The Simile Timeline is an excellent project, but there isn't a clear
> enough separation of content from presentation. I'm no JavaScript
> expert, so that leaves designers, such as me, at a real loss or at
> least with a big challenge. Nonetheless, I managed to "theme" a Simile
> timeline with some styles that I required at a minimum. This includes
> but is not limited to background images, curved corners, dotted
> borders, and rollover effects. But this was no easy task, and in the
> end it required lots of editing outside of the theming.js.
>
> My first Simile timeline
> <http://www.keelingdesign.com/simile/aqua.html> charts the releases of
> Mac OSX. It's best viewed in Firefox, Safari and IE 7 respectively.
> Unfortunately it breaks in IE 6. But no surprise there :)
>
> I'm still struggling however with theming or rather customizing and
> adding more control to the fillInfoBubble:function. I would like to
> add several things such as image links, link tagets, and flash files.
> I would like my XML file to be something like the following:
>
>     <event
>     start=""
>     end=""
>     isDuration=""
>     icon=""
>     title=""
>     titlelink=""
>     titlelinktarget=""
>     image=""
>     imglink=""
>     imglinktarget=""
>     flash="" >
>     </event>
>
> I especially need the link target function becasue of the use of
> iFrames. Could someone please provide a simple example of how to do
> this. Thanks for your time.
>
> Best,
> Keeling

MacKenzie Smith
Associate Director for Technology
MIT Libraries

_______________________________________________
General mailing list
General@...
http://simile.mit.edu/mailman/listinfo/general