Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Assuming, the shapes array is an array of DOM elements, I think you can use something like this where you set up a hover event handler for each shape and then within each function passed to the hover event handler, you iterate over the shapes array and if it's not the one that you are hovering over, you do the animation.</p> <pre><code> jQuery.each(shapes, function(i) { this.hover(function(event) { var self = this; jQuery.each(shapes, function(index, value) { if (value != self) { $(value).animate({fill: "#fff"}, 500); } }); }, function(event) { var self = this; jQuery.each(shapes, function(index, value) { if (value != self) { $(value).animate({fill: "#555"}, 500); } }); }); }); </code></pre> <p>or it might be cleaner with a local function:</p> <pre><code> jQuery.each(shapes, function(i) { function animateIfNotMe(me, fillValue) { jQuery.each(shapes, function(index, value) { if (value != me) { $(value).animate({fill: fillValue}, 500); } }); } this.hover(function(event) { animateIfNotMe(this, "#fff"); }, function(event) { animateIfNotMe(this, "#555"); }); }); </code></pre> <p><strong>EDIT:</strong> I see you've added actual code now to your question (since I wrote my answer) and shapes isn't an array of DOM objects (it would be nice if you had disclosed that originally) so obviously this code won't work exactly as it is, but hopefully you can get the idea from this code for how you can iterate over all the other shapes and just exclude the current one you are hovering on and you can then adapt it to your particular shapes data structure.</p>
    singulars
    1. This table or related slice is empty.
    1. POHow do I animate elements stored in an array? except for the one I'm hovering over?
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USjfriend00
    1. USjfriend00
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POHow do I animate elements stored in an array? except for the one I'm hovering over?
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    1. COI'm not sure how Raphael objects work... but this syntax makes nothing animate. =\ as seen in http://jsfiddle.net/G5mTx/2/
      singulars
      1. PO
      1. USNullVoxPopuli
    2. CONow that you've disclosed more about your actual code (after I wrote my answer), you will have to adapt this concept to your particular needs. Do you understand the general concept of iterating over the shapes array and kicking off an animation for every item except the one that matches the `this` value in the hover function?
      singulars
      1. PO
      1. USjfriend00
    3. COIn particular, if shapes is not an array of DOM objects (I have no idea what it is as I don't know Raphael), you will have to get a DOM object for each shape to configure the .hover() event for it.
      singulars
      1. PO
      1. USjfriend00
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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