Stack Overflow
Stack Overflow

Questions tagged [jquery-ui-selectable]

The jQuery UI Selectable plugin: Enable a DOM element (or group of elements) to be selectable. Draw a box with your cursor to select items. Hold down the Ctrl key to make multiple non-adjacent selections.

The jQuery-ui Selectable plugin allows for elements to be selected by dragging a box (sometimes called a lasso) with the mouse over the elements. Also, elements can be selected by click or drag while holding the Ctrl/Meta key, allowing for multiple (non-contiguous) selections.

API Documentation

239 questions
2
votes
1 answer

Using jQuery selectable on table rows, links in table not working

I want to use jQuery Selectable to select rows from a table. The problem is that jQuery seems to hijack all click events so that I can't use anything clickable (links in my case) inside the table. Html: …
Jan Hadáček
  • 177
  • 4
  • 8
2
votes
1 answer

On selection merge boxes

I'm trying to develop a small page that has the following functionality: there shoud have 10 row and 3 boxes in each row. if i select 2 or more boxes or drag a box it should be merged. for example if the following is my first screen then i am…
Nisham Mahsin
  • 1,399
  • 5
  • 19
  • 43
2
votes
1 answer

JQuery UI Selectable(): Check if only one element is selected

How can I check if only one element was selected when using JQuery UI's selectable()? So if I just click on one element and select it, an alert box would show. But if I used the lasso to select multiple items, the alert box would not show. …
Petefic
  • 657
  • 6
  • 14
  • 31
2
votes
1 answer

jquery selectable - need to store an array of selected values

I need to create a user selectable grid for each hour of the day. I did some research and came upon jquery selectable as well as this fiddle - http://jsfiddle.net/QGzj9/33/ - which after some modifying will look exactly how I want. My problem is I…
user756659
  • 3,372
  • 13
  • 55
  • 110
2
votes
2 answers

Cancel jQuery UI selectable for blocked elements

I'm trying to make an hour selection for a day. In some cases, there are already reservations for this day.
  1. 7:00
  2. 8:00
  3. user2735223
    • 21
    • 2
2
votes
1 answer

Jquery UI - Selectable - how to select continous line of table cells?

I got Selectable working as far as filtering out the table cells I do not want to select: http://jsfiddle.net/2F55j/5/ $(function() { $( "table tr" ).selectable( {filter: ":not(.belegt)"} ); }); Now I would like to only select cells…
RoRNewbie
  • 25
  • 1
  • 5
2
votes
1 answer

jquery disable selectable grays out the element

I'm trying to use a button to turn on and off the .selectable behaviour for a div on my page. I can do this using these commands: $('#selectable').selectable({disabled: true}) or $('#selectable').selectable("option", "disabled", true) The…
sugarmuff
  • 435
  • 5
  • 17
2
votes
2 answers

jQuery UI Selectable Without Selection Box

Given this example here: http://jqueryui.com/selectable/#display-grid I would like to make a selection without the "selection box" that appears when you click 'n drag. Namely, when I click on number 5 and drag to number 6 and then to 10 I get…
Nikola
  • 14,888
  • 21
  • 101
  • 165
2
votes
1 answer

Integrate Backbone.js with jQuery UI Selectable

I'm attempting to create an app with li elements as selectable views. The app requires that multiple elements be selected using a click-and-drag interface. Because of this, I'm using Backbone.js to track the elements state and view, as well as…
NickCSE
  • 305
  • 1
  • 4
  • 14
2
votes
2 answers

jQuery UI Selectable with Multiple Levels

I am looking to have multiple levels of selection, but the selecting function triggers the parent first, rather than the children and sometimes doesn't even register the children. I want to do something like:
  • Level 1a
      …
fanfavorite
  • 5,128
  • 1
  • 31
  • 58
2
votes
1 answer

jquery selectable - disable corresponding value

I have been looking for something similar to what i'm trying to implement but haven't found it on stack or across the net. Using Jquery Selectable, but have more than one set of ul's:
  • 1
  • 2
    • …
user1648449
  • 97
  • 2
  • 10
2
votes
1 answer

Can't get JQuery UI Selectable to work at all

I've been having some trouble getting JQuery UI selectable to work with my site. I'm still very new to coding and I'm not sure what I'm doing wrong. I've searched for relevant questions and haven't been able to find any that let me figure it…
Copacetik
  • 23
  • 3
2
votes
2 answers

Finding data associated with which
  • element the user has selected

    • I'm using MVC3 with razor view. I'm giving the user a list of
  • s to select from:
      @foreach (var ebat in Model.AvailableSizes) {
    1. @ebat.Item1 x…
    • Halo
    • 1,524
    • 3
    • 24
    • 39
    2
    votes
    1 answer

    Where is CSS for jQuery UI's .ui-selected Defined?

    I'm trying to apply jQuery UI Selectable to a portion of my website. However, I do not see either the selection box while dragging the mouse, nor does the color of selected li elements change. So to understand the problem, I went back to the…
    Eric J.
    • 147,927
    • 63
    • 340
    • 553
    1
    vote
    1 answer

    Sort multiple selected items with jQueryUI

    I want to make something that makes much sense, but I think its not actually included in the jQueryUI. I have a list of items, that are both sortable and selectable. I can sort them one at a time, and I can select multiple items. The question is,…
    Alexander
    • 13
    • 2
    1 2 3
    …
    15 16