Databases
StackOverflow2013
Postsdbo
POCan someone clarify Raphael's documentation? (or know a place in which someone already has done it)
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCan someone clarify Raphael's documentation? (or know a place in which someone already has done it)
    text
    copied!<p>I´m working with Raphael, and I think that I´m using it in a way that does not take advantage of some features that seems to be useful.</p> <p>For example, I´m trying to add a listener on a Set (a group of elements), in a way that on mouse over on any of those elements, the script triggers an animation on the whole set.</p> <p>When you add a listener to a set, Raphael adds the listener to each of the elements and animates them separately.</p> <p>Like you see in this example <a href="http://jsfiddle.net/4VYHe/3/" rel="noreferrer">http://jsfiddle.net/4VYHe/3/</a> in wich I want that all the rectangles in the same set (set = horizontal groups of 10 rectangles), change the color attribute on mouse over on any of them.</p> <p>I have found a few methods in the raphael documentation that i think must help to achive this. But I´m having a hard time understanding how these methods work.</p> <p>For example:</p> <ul> <li>the eve object(<a href="http://raphaeljs.com/reference.html#eve" rel="noreferrer">http://raphaeljs.com/reference.html#eve</a>) </li> <li>the Element.animateWith() method (<a href="http://raphaeljs.com/reference.html#Element.animateWith" rel="noreferrer">http://raphaeljs.com/reference.html#Element.animateWith</a>) </li> <li>the Raphael.animation() method (<a href="http://raphaeljs.com/reference.html#Raphael.animation" rel="noreferrer">http://raphaeljs.com/reference.html#Raphael.animation</a>)</li> </ul> <p>The Raphael Library seems to be really powerful and I really want to get it work properly, I don´t want to write all kinds of diferent javascript hacks, because I think that these tools have to get the work done in a more elegant way.</p> <p>If you think that I´m using the wrong library I´m still open to all kinds of advices. Thank you in advance.</p> <p>---EDIT---</p> <p>This is a working example (<a href="http://jsfiddle.net/4VYHe/6/" rel="noreferrer">http://jsfiddle.net/4VYHe/6/</a>). But this is a hack with lack of efficiency and elegancy. I want something that uses the correct tools on the correct way.</p> <p>There is some information on this page. <a href="http://www.irunmywebsite.com/raphael/additionalhelp.php?v=2#PAGETOP" rel="noreferrer">http://www.irunmywebsite.com/raphael/additionalhelp.php?v=2#PAGETOP</a> . A couple of examples, but nothing that explain how things work in Raphael. </p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload