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
1
vote
2 answers

Jquery select multiple checkboxes with .selectable

I am a little bit confused with Jquery .selectable. What I need to do, is to make an area that contains checkboxes to be selectable (I'm ok up to here) and then check which of the selected checkboxes are already checked (so I can uncheck them), of…
mspir
  • 1,664
  • 2
  • 21
  • 34
1
vote
1 answer

JQuery UI selectable : Preselecting list item

I am trying to implement the click of the first item of the selectable list.I can add the CSS but unable to get the click event working when i try to pre select the first item (I need the click since ,onclick event has an ajax call to populate…
Sunil M
  • 95
  • 1
  • 11
1
vote
2 answers

Using knockoutJS, how to create a multi-selectable list

I am trying to have the functionality of the jQuery selectable list when using KnockoutJS, but can't get it to work. Using Custom Bindings I was successful in transforming ul element in a selectable one and creating events handlers for the selected…
joerage
  • 4,863
  • 4
  • 38
  • 48
1
vote
1 answer

on an unordered list, how do I restrict one list item from being selectable?

A quick sketch of my situation is:
    • ...
    • ...
  • ...
How do I disable…
Joseph Hansen
  • 12,665
  • 8
  • 50
  • 68
1
vote
0 answers

Flutter: How to fix SelectableText scroll error in flutter

I have a Selectable Text and a long text. but when i select text with event long press, the screen has scrolled up top.can you tell me how to solve this problem? import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class…
1
vote
1 answer

Jquery Ui: Selectable - possible to select two list items with one click?

I am using Jquery Ui: selectable on a list and am trying to figure out how to select two list elements with one click. I want it so that when a list item is clicked/selected, the next item in the list also gets selected. ASPX page:
NickyLarson
  • 115
  • 1
  • 2
  • 18
1
vote
0 answers

allow user to select multiple videos simultaneously using only JS

I want to have several video players on one page, and allow the user to select a video for each video player. Each player does select the video chosen, but only the first player plays its chosen video. I did try to copy the code several times and…
Wayne
  • 11
  • 1
  • 3
1
vote
1 answer

How to select all UICollectionView Cell's and Deselect by button click?

I need realize some filer with over 15 buttons as filter tabs, I added horizontal CollectionView, custom Cell, two array’s. Single selection works well, but I need select all and deselect all by button click any idea how to realize it? Selecting…
1
vote
2 answers

Trigger jQuery UI events: ui-selectable

EDIT: the jQuery UI selectable widget has a callback built into it, stop, I need to know how to trigger this event programmatically. (this was poorly worded) I've attached an event listener to the jQuery UI Selectable Widget. How can I…
Derek Adair
  • 21,846
  • 31
  • 97
  • 134
1
vote
2 answers

How do I load a selectable javascript in html header

I'm looking for a way to select and load a javascript from the html file arguments. The html file is called as follows: OSM_Map.html?year=2017 or OSM_Map.html?year=2018 In the OSM_Map.html file there is the following code in the…
Rob Udo
  • 11
  • 2
1
vote
0 answers

Jquery Selectable set selected class

I have this table:
1
vote
1 answer

Jquery-ui selectable on position absolute div

I'm using the JQuery-UI Selectable plugin: https://jqueryui.com/selectable/ and I want to select some items inside a sub-menu. A minimal example: $(".selectable").selectable(); .parent { background-color: gray; width: 300px; } .child { …
Nazkter
  • 1,040
  • 1
  • 11
  • 31
1
vote
1 answer

jQueryUI multiple selection by default and have lasso toggle selected status

I'm trying to implement a comparison chart-like table, and a large list of selectable objects would work just perfectly, save for a few functionality changes that I need. I see that both of these have been addressed in previous questions, but…
EvilAmarant7x
  • 2,059
  • 4
  • 24
  • 33
1
vote
2 answers

Text select able but not editable in the textView

I want the text in the textView select able, copy able but not paste or writable. I want to prevent user writing or pasting over the existing text. How can I do that? I have used the following code in the xml but it doesn't serve the purpose. …
user9414536
1
vote
0 answers

How to disable lasso selection in jQuery Selectable

I am trying the jQuery UI selectable plugin. Where I want to select one item at a time, without using the lasso selection. I want to disable the lasso selection, is it possible.
Kunal Mukherjee
  • 5,775
  • 3
  • 25
  • 53
Action Note
Note1