Fire event

Hello,

I'm making a menu with buttons that rotate in picture when the user moves the mouse over one of them. If there is another item open, it has to close.

I've made an animateTransform tag for this closing operation within my g-tag, but now I need to start this rotation-animation only when the tag is open (if not: it has to do nothing).

To do this I'm thinking of filling in in the begin-attribute some dummy event like for example

begin="dummyEvent1.mouseover"

(with dummyEvent1 a not existing id) and then fire this event from a Javascript.

How can you generate an event from within javascript, or do you see another solution to this problem?

Thanks in advance

Rick

Perhaps you can use beginElement in your script and write begin="indefinite" in your animated tag.
See example
http://www.learnsvg.com/tutorial2/example/beginElement.svg

Michel

Thank you for your quick reply.

This is exactly what I was looking for. It should do the trick.

Thank you very much!

Rick