Databases
StackOverflow2013
Postsdbo
POCoffeescript to iterate through an array of words on a page?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCoffeescript to iterate through an array of words on a page?
    primarykey
    data
    text
    <p>I've got an array of words I want to iterate through on a page, making the existing word rotate out, and a new word rotate in.</p> <p>I'm using <a href="http://daneden.me/animate/" rel="nofollow">animate.css</a> to handle the animations via adding and removing a class.</p> <p>The initial div has an entrance class <code>.rotateIn</code> on it, and so animates on page render. It also has a <code>.animated</code> class on it, which must be present in order for the animation to be triggered.</p> <p>After a two second delay, I add the exit animation class <code>.rotateOut</code>, then remove the entrance class, which then triggers the exit animation. At this point, the div is hidden.</p> <p>I change the text, then add the entrance class, then remove the exit class, triggering the entrance animation.</p> <p>Once I hit the last word in the array, the function stops.</p> <p>What's the best way to write this in coffeescript so that I can tweak the timings between entrance and exit?</p> <p><strong>EDIT:</strong> here's some basic javascript code showing what I'm trying to do. I'd like to rewrite this so that I can set an array of words <code>['foo', 'bar']</code> rather than the fragile PITA way below.</p> <pre><code>var $adj = $('#adjectives'); setTimeout(function() { $adj.addClass('rotateOut'); setTimeout(function() { $adj.removeClass('rotateIn'); setTimeout(function() { $adj.text('foo'); $adj.addClass('rotateIn'); setTimeout(function() { $adj.removeClass('rotateOut'); setTimeout(function() { $adj.addClass('rotateOut'); setTimeout(function() { $adj.removeClass('rotateIn'); setTimeout(function() { $adj.text('bar'); $adj.addClass('rotateIn'); }, 1000); }, 1000); }, 1000); }, 1000); }, 1000); }, 1000); }, 1000); </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USjaacob
    1. USjaacob
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POCoffeescript to iterate through an array of words on a page?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COno code? maybe this should be tagged [homework](http://stackoverflow.com/questions/tagged/homework).
      singulars
      1. POCoffeescript to iterate through an array of words on a page?
      1. USRicardo Tomasi
    2. CONot a student. I can write in some junk coffeescript code attempt (I'm new to the syntax and not enjoying it much yet), but I'm not sure how that proves anything. If you'd like to walk me through it / teach me though, I'm all ears.
      singulars
      1. POCoffeescript to iterate through an array of words on a page?
      1. USjaacob
    3. CO@jaacob: I'm not so good at browser stuff, but I know coffee and JS pretty well. Could you post it as javascript?
      singulars
      1. POCoffeescript to iterate through an array of words on a page?
      1. USthejh
 

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