Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Try changing plugin like this (added lines are marked):</p> <pre><code>jQuery.fn.anchorAnimate = function (settings) { settings = jQuery.extend({ speed: 500 }, settings); var scrollFn = function () { // added $('[href^=#]').removeClass('active'); $(window).unbind('scroll', scrollFn); } return this.each(function () { var caller = this $(caller).click(function (event) { event.preventDefault() var locationHref = window.location.href var elementClick = $(caller).attr("href") var destination = $(elementClick).offset().top; $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination }, settings.speed, 'easeOutCubic', function () { window.location.hash = elementClick $('[href^=#]').removeClass('active'); // added $('[href^=' + elementClick + ']').addClass('active'); // added $(window).scroll(scrollFn); // added }); return false; }) }) } $(document).ready(function () { $('[href^=#]').anchorAnimate(); }); </code></pre> <p>EDIT: Explanation:</p> <p>Animate method takes callback as its final parameter. This callback is called <em>after</em> animation finishes. See <a href="http://api.jquery.com/animate/" rel="nofollow noreferrer">http://api.jquery.com/animate/</a>.</p> <p>So on anchor click an animation will start. When it finishes, it will change window.location.hash (original plugin code)</p> <p>Then it will remove "active" class from all links pointing to this document (for the cases where user clicks on the links without scrolling in between).</p> <p>Then it will add "active" class to the anchor that user just clicked</p> <p>Finally it will bind an event handler to window scroll. By biding it <em>after</em> animation, we ensure, that it doesn't fire during animation.</p> <p>Now when user scrolls using mouse or keys, our event handler is fired. We remove the active class from all the links and unbind the handler so it doesn't get called again before user clicks another link.</p> <p>When another link is clicked, whole process is repeated.</p>
    singulars
    1. This table or related slice is empty.
    1. POWaiting until one event has happened before moving onto the next
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USLuc
    1. USLuc
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POWaiting until one event has happened before moving onto the next
      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. VTUpMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    1. COThis ALMOST works, I have a few questions though. Mainly with the scrollFn, what is the unbind doing? Using this method the active class will be added on click, then be removed while the window scrolls, then go back onto the anchor once the animation is complete, making more of a flickering appearance. How could I adjust it to either only add the active class after the animation is complete, or leave it on while the scrolling animation is taking place?
      singulars
      1. PO
      1. USjaasum
    2. CO@Jaasum: I added explanation to the post. If it doesn't work for you, you'll need to give me some more info, since it is working in my FF3.6
      singulars
      1. PO
      1. USLuc
 

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