Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>If your classnames are unique, the solution is rather simple. You can change the <code>$</code> function to get by class name instead of by id:</p> <pre><code>var webkit_tools = { //$ function - simply a more robust getElementById $:function(e) { if(typeof(e) == 'string') { return document.getElementsByClassName(e)[0]; // return document.getElementById(e); } return e; }, ... snipped ... </code></pre> <p>I've verified the above solution works (dragging and dropping) on my iPhone, but again, if the classnames are not unique, some added work will be in order based on the script's current implementation.</p> <p>~~~EDIT~~~</p> <p>In re-reading your request, you state that there will in fact NOT be unique classnames, hence the need for some sort of "bulk" drag/drop functionality. I've modified/extended the framework to support this. You can find the source for the modified version here:</p> <p><a href="https://gist.github.com/2474416" rel="nofollow">https://gist.github.com/2474416</a></p> <p>I had to change the API slightly. The dropabble API is unchanged, so passing a classname will simply add/remove the whole list of elements matching the classname passed. The clickable/draggable API was not so easy. To avoid a harsh rewrite, I updated the initialize methods for draggable/clickable to take an element ref rather than id or classname.</p> <p>Correspondingly, I added a <code>bulk_draggable(clazzname, options)</code> and <code>bulk_clickable(clazzname, options)</code> function that basically iterates over the matched elements and calls the corresponding initializers. These functions return an array of draggables/clickables (one for each matched element).</p> <p>Let me know if the "new" API is unclear. I did this rather quickly and lightly tested the happy paths, but can't invest and substantial amount of time rewriting the entire script.</p>
    singulars
    1. This table or related slice is empty.
    1. POmodifying webkitdragdrop.js use classes instead of ID
      singulars
      1. PTQuestion
    1. PTAnswer
    1. UScozykozy
    1. UScozykozy
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POmodifying webkitdragdrop.js use classes instead of ID
      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. VTUpMod
    1. COHi cozykozy, thanks so much for your assistance. Unfortunately, I've had no chance over the past week to test this out and now I have 1 min to accept an answer! Therefore, I've accepted your answer and will try it out today. I'll upvote when I've had a decent attempt with your altered script.
      singulars
      1. PO
      1. UScircey
    2. COCozykozy, your changes have been really helpful and I've got it working with classes. The only problem is that I can't drop items into the droppable boxes. The droppable boxes do not seem to recognise `.draggable` items and the hover state change (`.hd`) does not occur. Any ideas? Also, I tried to add a bulk_droppable based on your bulk_draggable and it doesn't seem to be working but this may because the draggable items are not being recognised.
      singulars
      1. PO
      1. UScircey
    3. COCircey, I don't seem to be having the same problem with the droppable areas. If you can share a fiddler example of something that isn't working, I might be able to help you out. Adding a bulk_droppable wouldn't be too bad (it'd essentially be a pass through to the .add function).
      singulars
      1. PO
      1. UScozykozy
 

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