Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><code>background-position-x/y</code> is not really part of any CSS spec, its IE specific CSS, added to IE5.5, and later implemented by Webkit. </p> <p>Opera and Firefox do not accept it.</p> <p>The best solution is to use the <code>step</code> method, that will let you animate just about anything.</p> <p>To add a little to Luka's answer, which is somewhat wrong even though the method is correct, the easiest way to use the <code>step</code> method is to animate some arbitrary value, and hook a step to it, something like:</p> <pre><code>$('elem').animate({ 'border-spacing': -1000 }, { step: function(now, fx) { $(fx.elem).css("background-position", "0px "+now+"px"); }, duration: 5000 }); </code></pre> <p>The element will have to be wrapped jQuery style to accept jQuery methods, like <code>css()</code>. I've used <code>border-spacing</code>, but any css property that will not affect your site will work, just remember to set an initial value in your CSS for the css property used.</p> <p>The <code>step</code> method can also be used alone, if you set the fx.start and fx.end values, using it like Luka does with <code>now+=1</code> is pretty much equal to just using a setInterval instead, but the idea was sound all the same.</p> <p><a href="http://jsfiddle.net/q9aeh/1/" rel="nofollow noreferrer"><strong>FIDDLE</strong></a></p> <p><strong>EDIT:</strong></p> <p>with newer versions of jQuery there are other options as well, see this answer :</p> <p><a href="https://stackoverflow.com/questions/12340130/jquery-animate-background-image-on-y-axis/12340191#12340191">JQuery Animate Background Image on Y-axis</a></p>
    singulars
    1. This table or related slice is empty.
    1. POAnimate background position y in Firefox with Jquery
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USCommunity
    1. USadeneo
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POAnimate background position y in Firefox with Jquery
      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
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COwrong. I just tested that. Sorry.
      singulars
      1. PO
      1. USJakeParis
    2. CO@JMCCreative - actually, you're wrong! In older versions of jQuery. before 1.4.something, you could pass two values in the animation of backgrounds and make it work, at least somewhat. Newer versions of jQuery does not allow this. To set certain values in background position, background-attachment will have to be set to fixed, but you're right in that it should'nt be an issue here. I can also make the background move in Firefox with just a regular animation, but only in the X direction, moving it in the Y direction seems to require using the step method, so Luka has the best answer so far.
      singulars
      1. PO
      1. USadeneo
    3. COOkay, I guess you're kind of right. On this one: http://jsfiddle.net/JMC_Creative/nAXdd/ I've set the version of jquery to 1.4 and it _does_ accept both values. Both it only animates the X, while it simply jumps to the Y coordinates.
      singulars
      1. PO
      1. USJakeParis
 

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