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
3
votes
1 answer

Angularjs: jquery selectable child element click issue

i have used jquery selectable to select elements its working fine . myModule.directive('uiSelectable', function ($parse) { return { link: function (scope, element, attrs, ctrl) { scope.$on('clearselection', function (event,…
Salman
  • 1,266
  • 5
  • 21
  • 41
3
votes
2 answers

jquery ui selectable add/remove class on selected/unselected

Using jquery ui selectable , How it is possible to add a custom class on selected/selecting event and removing it on unselected/unselecting I know we can style selection using CSS:.ui-selected{} but this deosnt help if I want to add custom class…
django
  • 2,809
  • 5
  • 47
  • 80
3
votes
1 answer

How can I exclude anchor tags from jQuery UI Selectable?

I'm making a calendar with jQuery selectable, so you can select the li items and add events to the dates selected. Within each li is an anchor tag that I want to add a javascript onclick function to it - but the jQuery UI selectable function seems…
jezorama
  • 347
  • 1
  • 3
  • 13
3
votes
5 answers

jquery ui selectable: make an option selected on load

I have the following HTML:
  1. Option 1
  2. Option 1
  3. Option 3
I need, for example the first option, to be selected…
Subliminal Hash
  • 13,614
  • 20
  • 73
  • 104
2
votes
1 answer

JQuery UI selectable plugin - Multiple mouse drag selection and unselect option

I am using the JQuery UI selectable plugin to select table cells, here is the example code: http://jsbin.com/ejewes/edit#javascript,html,live I want to make changes to this so that I am able to 1. do multiple mouse drag selects (without using the…
Deepa Thalikar
  • 129
  • 1
  • 3
  • 16
2
votes
1 answer

How do I limit selectable elements using JQuery UI selectable?

So okay. Let's say i have the following snippet:
A
B
C
D
E
abrahamdsl
  • 21
  • 4
2
votes
1 answer

jQuery Selectable metaKey event binding not the same as actual key press

I am using the jQuery UI Selectable component. In order to allow multiple selections without holding down control/command I have the following: (from another thread) jQuery("#myUnorderedList").bind("mousedown", function(event) { return…
mrwooster
  • 21
  • 2
2
votes
0 answers

Flutter selectable text on all table

I know that there is a SelectableText widget but what I am looking for is something to make an entire table/page to be selectable, not text by text but the entire table, like a normal page in html. By the way: I am developing web pages with…
GnRSlashSP
  • 545
  • 1
  • 5
  • 10
2
votes
5 answers

How to highlight an item in selectable without clicking on it (By code)?

How to select(highlight) an item in selectable without clicking on it (By code)? Such that I give it the index of which box to select/higlight I create them dynamically like that
and var div =…
Ahmad Farid
  • 14,398
  • 45
  • 96
  • 136
2
votes
1 answer

I want to move selected items from one list to another

https://jsfiddle.net/ritesh26/d5mg03y6/22/ I want to move selected items from one list to another. The list is generated using jquery selectable.enter image description here $( "#selection" ).selectable({ selected: function( e, ui ) { …
ritesh
  • 41
  • 5
2
votes
0 answers

jQuery-ui selectable doesn't work properly on a bootstrap 3 modal

When I am trying to drag the mouse over the selectable items the rectangle that should be drawn by drag action is drawn under the bootstrap modal like its z index is lower than the modals'. When I past the code to a angular component everything…
Trying_To_Understand
  • 161
  • 13
2
votes
3 answers

jQuery UI selectable widget multiple unselect with mouse drag

I am using jQuery UI selectable widget. I saw a solution at Is there a way to change event parameters in jQuery? to enable multiple selection (with mouse drag) which works fine. Now I am trying to get the similar feature to unselect multiple…
sarojanand
  • 607
  • 1
  • 11
  • 30
2
votes
1 answer

Return number of selected elements with jQuery UI Selectable

I'm using jQuery Selectable (http://api.jqueryui.com/selectable/) and need to know the number of elements selected once the operation is complete. //Example Code $('body').selectable({ selected: function(event,ui) { var $selectedItems =…
Andrew
  • 2,691
  • 6
  • 31
  • 47
2
votes
0 answers

Sending jquery-ui selectable data using form

I need to send some POST data using jquery-ui selectable in a form. Checked object will be stored in my database after clicking "Aggiorna" button. I use the external Checked() function to preleve the last configuration by my database in order to…
user3450036
  • 85
  • 1
  • 2
  • 10
2
votes
1 answer

jQuery Selectable - deselect single element by clicking - is this possible?

I would like to be able to deselect a selected item by clicking or using lasso, just like in Photoshop where I keep another key down to "deselect" parts of an existing selection. Is this possible? As I understand "jQuery UI selectable". There is…
BerggreenDK
  • 4,915
  • 9
  • 39
  • 61
1 2
3
…
15 16