Note that there are some explanatory texts on larger screens.

plurals
  1. POPlugin for jQuery Text-editor style selection?
    primarykey
    data
    text
    <p>What I'm trying to achieve is to use jQuery to mimic the behavior of the text-selection functionality you see in a typical text-editor, except instead of selecting text, I want to select multiple rows of <code>&lt;div&gt;</code>s. However, so far the only "selection" plugins I've found for jQuery operate based on a rectangular lasso model. In particular, I'm using the jQueryUI selectable plugin. To see what I'm talking about, consider the following 2 images:</p> <p><strong>Default jQueryUI "selectable" plugin behavior</strong> <a href="http://img685.imageshack.us/img685/2344/selectabledefaultthumb.png" rel="nofollow noreferrer">http://img685.imageshack.us/img685/2344/selectabledefaultthumb.png</a></p> <p><strong>Ideal plugin behavior (sans the lasso)</strong> <a href="http://img709.imageshack.us/img709/5664/selectableidealthumb.png" rel="nofollow noreferrer">http://img709.imageshack.us/img709/5664/selectableidealthumb.png</a></p> <p>You can also go <a href="http://jqueryui.com/demos/selectable/#display-grid" rel="nofollow noreferrer">here</a> to play with this exact example. Does anybody know of a plugin that achieves this? That would save me from proceeding to hack or hack around this plugin to get what I want...</p> <p>P/S: In my app each row will contain up to 150 or so divs, and each div will have a few divs within it. I have tried hand-rolling my own selectable but it was slow even when dealing with just a single line. I'm currently using this plugin because its much more performant than what I wrote.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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