Databases
StackOverflow2013
Postsdbo
POAnyway to select/focus current div/element using serialscroll for further scripting?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POAnyway to select/focus current div/element using serialscroll for further scripting?
    primarykey
    data
    text
    <p>I'm building a horizontally scrolling website and using jquery serialscroll to navigate. I've bound the keyboard arrow keys (left and right) and buttons on the page to scroll to the next element using div tags. The effect works quiet well but I was wondering if there is a way to select/call the current element/div for another script?</p> <p>Basically, I'd like to bind the up/down arrows, on first press to expand the div down, and then subsequent presses (probably using serialscroll again) to scroll up and down this div.</p> <p>I'd really appreciate if anyone could help me out with this. Maybe serialscroll or scrollto are the best plugins to use and I'd welcome any alternatives.</p> <p>As I'm working on my first site, I'll probably be asking a lot of questions so please bear with me. My knowledge of jscript is basic, but I'm learning very quickly. Thanks in advance.</p> <p>Code sample:</p> <pre><code>$('#maincontent').serialScroll({ items:'#slide', prev:'.leftArrow', next:'.rightArrow', offset:-220, start:0, duration:500, force:false, stop:true, constant:false, lock:false, cycle:false, easing:'easeOutQuart', jump: true }); </code></pre> <p>Just an update that I was able to answer my question`by altering the code:</p> <pre><code>var $nav = $('#slideshow li'); $('#maincontent').serialScroll({ items:'li', prev:'.leftArrow, div.logo#logo', next:'.rightArrow', offset:-220, //when scrolling to photo, stop 230 before reaching it (from the left) start:0, //as we are centering it, start at the 2nd duration:500, force:false, stop:true, constant:false, lock:false, cycle:false, //don't pull back once you reach the end easing:'easeOutQuart', //use this easing equation for a funny effect jump: true, //click on the images to scroll to them navigation:$nav, onBefore:function(e,el,$p,$i,pos){ $nav.removeClass('newclass'); $nav.eq(pos).addClass('newclass')}, }); </code></pre> <p>This allows be to add a new class to the current element and I can use jscript to alter it accordingly.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USuser1317417
    1. USuser1317417
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POAnyway to select/focus current div/element using serialscroll for further scripting?
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POAnyway to select/focus current div/element using serialscroll for further scripting?
      1. USpetergus
      1. VTFavorite
    3. VO
      singulars
      1. POAnyway to select/focus current div/element using serialscroll for further scripting?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COAfter a lot of searching, I came across this (http://stackoverflow.com/questions/8345770/jquery-serialscroll-add-class-to-active-item) post but I don't understand how to apply it to my code.
      singulars
      1. POAnyway to select/focus current div/element using serialscroll for further scripting?
      1. USuser1317417
 

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