Hi Katie,

It can be done, but is rather complicated. In addition, it is not clear that 
the best UI is to have the ballons popping up all the time.


Below is a message that describes one way of doing it. You'll need to change 
the source.
In the message, the author talks about changing the bundle file, but you should 
change the individual source files instead.

You'll need programming skills to accomplish it.

If that's not your thing, you can hire someone.

Good luck,

Larry

Sent to MIT Simile list
Message: 1
Date: Tue, 28 Oct 2008 15:23:45 -0700 (PDT)
From: ucrkarthik <[EMAIL PROTECTED]>
Subject: Re: Adding onMouseOver to Timeline
To: [EMAIL PROTECTED]
Message-ID: <[EMAIL PROTECTED]>
Content-Type: text/plain; charset=us-ascii


To do this you must create two new events on the img and two new functions. 

First lets create the two new events, one to open the bubble and one to
close the bubble. Locate the following function: "var
appendIcon=function(evt,div)" in the bundle.js file. Add the following code
below the existing mousedown registered Event.

/*new event on the img object to display the bubble when cursor is over the
img*/
Timeline.DOM.registerEvent(img,"mouseover",function(elmt,domEvt,target){
    p._onMouseOverInstantEvent(img,domEvt,evt,true);
});

/*new event on the img object to close the bubble when cursor is moved out
of the img*/
Timeline.DOM.registerEvent(img,"mouseout",function(elmt,domEvt,target){
    p._onMouseOutInstantEvent(img,domEvt,evt,true);
});

Second, create the two new functions to execute the behavior:
/*Close the bubble when cursor moves out of the img*/
Timeline.DurationEventPainter.prototype._onMouseOutInstantEvent=function(icon,domEvt,evt){
    this._band.closeBubble();
};

/*Display the bubble when cursor is over the img*/
Timeline.DurationEventPainter.prototype._onMouseOverInstantEvent=function(icon,domEvt,evt){
    domEvt.cancelBubble=true;
    var c=Timeline.DOM.getPageCoordinates(icon);
                this._showBubble(
        c.left+Math.ceil(icon.offsetWidth/2),
        c.top+Math.ceil(icon.offsetHeight/2),
        evt
    );
};

Hope that helps. 
-Karthik




________________________________
From: TimelineScreen <[EMAIL PROTECTED]>
To: SIMILE Widgets <[email protected]>
Sent: Tuesday, November 25, 2008 6:11:53 PM
Subject: Is it possible to have a mouse-over function for Timeline?


I showed the Timeline examples to many colleagues, and the most common
complaint I got was that there seem to be so many clicks for a
complicated case, and the users wondered if it would be possible to
have a mouse-over function to view the text without constantly
clicking on the timeline bars.

Thanks.

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"SIMILE Widgets" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at 
http://groups.google.com/group/simile-widgets?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to