Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Rather than use <code>tap</code> and <code>taphold</code> (which I've tried to use but ran into the same problems, it seems to be an inherent issue with the <code>taphold</code> event) you can use <code>vmousedown</code> and set a flag, then bind to <code>vmouseup</code> to determine if it was a <code>tap</code> or a <code>taphold</code>:</p> <pre><code>var tapTime = 0; $('#my_item_'+items[idx].user_item_id).bind('vmousedown vmouseup', function (event) { if (event.type == 'vmousedown') { tapTime = new Date().getTime(); } else { //event.type == 'vmouseup' //here you can check how long the `tap` was to determine what do do var duration = (new Date().getTime() - tapTime); if (duration &gt; 3000) { //this is a tap-hold ShowMyItemInfo(items[idx]); } else { //this is a tap FitMyUpgradeItem(items[idx]); } } }); </code></pre> <p>For this to work properly you'll have to add an IIFE around the loop-code or change <code>ShowMyItemInfo(items[idx]);</code> to work without referencing the variable that changes each iteration of the loop. An easy to create an IIFE is to just use <code>$.each()</code>. Otherwise your loop would look something like this:</p> <pre><code>for(var idx in items) { (function (idx) { ... })(idx); } </code></pre> <p>IIFE = Immediately-Invoked-Function-Expression. It allows us to take a "snapshot" of the current state of variables we pass into the IIFE. So as we pass in <code>idx</code> (technically the second instance is the variable that's being passed in, and the first instance is the variable available inside the IIFE, which could be changed to something like <code>ids_new</code> for simplicity sake), the value passed in is saved for when the <code>tap</code> event handler fires.</p> <h1>Update</h1> <p>You can also set a timeout to determine <code>taphold</code> rather than using the <code>vmouseup</code> event:</p> <pre><code>//setup a timer and a flag variable var tapTimer, isTapHold = false; $('#my_item_'+items[idx].user_item_id).bind('vmousedown vmouseup', function (event) { if (event.type == 'vmousedown') { //set the timer to run the `taphold` function in three seconds // tapTimer = setTimeout(function () { isTapHold = true; ShowMyItemInfo(items[idx]); }, 3000); } else { //event.type == 'vmouseup' //clear the timeout if it hasn't yet occured clearTimeout(tapTimer); //if the flag is set to false then this is a `tap` event if (!isTapHold) { //this is a tap, not a tap-hold FitMyUpgradeItem(items[idx]); } //reset flag isTapHold = false; } }); </code></pre> <p>This way the event will fire after the user holds down their finger for three seconds. Then the <code>tap</code> event handler will only fire if that three seconds did not occur.</p>
    singulars
    1. This table or related slice is empty.
    1. POjQuery calling click event after taphold event
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USJasper
    1. USJasper
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POjQuery calling click event after taphold event
      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. VTAcceptedByOriginator
    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. VTUpMod
    1. COOk this works great. Thank you so much. My only issue now is how to make this a true tap and hold rather than a tap, hold, release. I'd like it to work just like the taphold event does. So after ~750ms the function is triggered to complete the taphold
      singulars
      1. PO
      1. USjasonlg3d
    2. CO@jasonlg3d I added an example of how to do this using a timeout so it doesn't take the user lifting their finger for feedback. See the **update** to my answer.
      singulars
      1. PO
      1. USJasper
    3. COI was working on this while you were. I posted my solution above. I had to do some extra stuff to ensure the iScroll still scrolled and didn't trip off a taphold event.
      singulars
      1. PO
      1. USjasonlg3d
 

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