Questions tagged [jquery-ui]
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library.
39,771
questions
0
votes
0
answers
22
views
Checkmarx security vulnerability tool has detected Client_DOM_Stored_Code_Injection vulnerability in jquery 3.5.1 min.js How do we resolve this risk
Checkmarx security vulnerability tool has detected Client_DOM_Stored_Code_Injection vulnerability in jquery 3.5.1 min.js How do we resolve this risk.
The method o), embeds untrusted data in generated ...
0
votes
0
answers
23
views
install jquery-ui with npm, using latest jquery (laravel 10, vite)
I'm trying to get jquery-ui working beside jquery. Both installed via npm, under a Laravel/vite.js stack.
jQuery is working (3.7.1), with the following setup in app.js:
import $ from 'jquery';
window.$...
0
votes
0
answers
22
views
Disable mouse over scroll in autocomplete
I have a list like the scrollable result example.
Link: https://jqueryui.com/autocomplete/#maxheight
In this example, when we place the mouse on the last option, the scroll bar automatically descends....
-2
votes
1
answer
40
views
Is there a way to detect when an element becomes invisible?
Is there any reliable way to detect when an element becomes invisible from the users point of view? So it should not only check stuff like display:none or visibility:hidden but also e.g. detect when ...
0
votes
0
answers
45
views
href-links in search result tabs not working due to umlaut characters
There is a problem with two tabs above
the list of search results in my company's search site finna.nu (The website and search engine were not developed by me), and
it has to do with umlaut characters ...
0
votes
1
answer
28
views
Conditionally stop JQuery tooltip open / close
How can I conditionally prevent tooltip open and close?
It seems like the "open" and "close" events can not be used to abort current open / close.
One workaround could be to set &...
0
votes
0
answers
24
views
How can I make only one pricing card expand at a time when its button is clicked, instead of all cards expanding together in my code? using jQuery
Please help me open only one card when I click on it (all of them open at once now) using jQuery,
The question is related to multiple pricing cards, each with an associated button. When a user clicks ...
0
votes
0
answers
32
views
How to set dimensions jquery UI selectmenu?
I can't find a way to set the dimensions of a jqueryUI selectmenu specifically. I'd like it to be 150x40px. I managed to set its width to 150px by using:
$( "#brandstof" ).selectmenu({
...
0
votes
0
answers
13
views
jquery tabs sometimes set the iframe height to zero
I have a page that uses jquery tabs with the content loaded via ajax
<script type="text/javascript">
$(document).ready(function () {
jqTabs("#tabs");
});
</...
0
votes
1
answer
32
views
How to make timer on sortable in jQuery UI
I need to make a puzzle game with timer. So it should start with start button or with dragging one of my elements to the second block (made with sortable).
I have a working time function called 'timer'...
0
votes
0
answers
31
views
Input type text for search filter above header not same size of header?
I work on asp.net MVC page view . but I face issue search for every column not fit for cell contain for data table .
so How to make input to be suitable and have suitable fit for cell contain .
I ...
0
votes
1
answer
25
views
Compare value of jQuery Datepicker with the value of an Advanced Custom Fields field [duplicate]
I have a page with a jQuery Datepicker. Once the value is selected, I want to be able to store it in a PHP variable, so I can compare it with a variable I am getting from an Advanced Custom Fields ...
0
votes
1
answer
45
views
the calculate days function is returning wrong count
I have a javascript function and when i select dates like Nov 20 to Nov 22, i get a count of 2 instead of 3, what i am doing wrong here, i tried debugging the code but could not figure out what is ...
0
votes
0
answers
38
views
JQuery UI draggable set position manually
I have saved the offset X and Y to localstorage and retrieve it, then pass it to the following:
function SetPositionForId(id, posX, posY) {
$("#" + id).offset({ left: posX, top: posY });
...
0
votes
0
answers
52
views
Issue with ui-multiselect display values after jquery migration from 1.9.1 to 3.7.1
I have changed jQuery and jQueryUI version from 1.9.1 to 3.7.1 and 1.9.2 to 1.13.1 respectively and using AngularJS version 1.2.5.
The ui-multiselect dropdown values are not displaying over the UI but ...
0
votes
0
answers
7
views
jquery UI Autocomplete component, screen reader read values, but i want to read label
`$("input#header_search").autocomplete({
minLength: 0,
source: function (request, response) {
var feature_name_synonym = $('#header_search').attr('feature_name_synonym');
var ...
0
votes
1
answer
26
views
Why is my select element not changing options?
I am using Jquery and Jquery-UI 1.7.2. The code itself is a tampermonkey script with the grants necessary for GM_setValue and GM_getValue already written. The part of the code that has the issue is ...
1
vote
1
answer
31
views
What is causing Jquery UI autocomplete to throw a TypeError when _renderMenu method is added?
I get a TypeError as well as the menu doesn't show after adding the _renderMenu method. When I removed the method, it worked; however, I would like to tweak the default appearance of the menu. I don't ...
0
votes
2
answers
43
views
JQuery Split div issue
I am trying to create a pair of resizable sidebars using jQuery and jQueryUI (but not completely necessary).
The issue I am running into is that it doesn't resize properly. The right sidebar is giving ...
0
votes
2
answers
51
views
$(this) not set in the jQuery UI dialog "open" option
At the bottom of a word game there are 4 buttons, which open jQuery UI dialogs with certain words from the game dictionary:
I am trying to simplify the game code by creating the following function:
//...
1
vote
0
answers
32
views
Can't initialise tooltip after upgrading from 3.3.1 to latest version of jQuery
We have an old product which is written with .NET MVC. Now we are trying to upgrade all the dependecies to the latest version.
We are using jQuery and jQuery.UI.Combined from NuGet.
Now I have a ...
0
votes
0
answers
29
views
Just Unit testing in TypeScript: Make an element resizable with jQuery UI widget with a custom handle
My function accepts two parameters. The first parameter is the jQuery object itself. The second parameter is an HTMLElement.
The purpose of the function is to add resizable features to the element ...
1
vote
1
answer
48
views
Slide toggle back and forth with jquery ui
I am using the Jquery UI to slide content left and then slide other content at the same time to take the first content's place. It works as intended the first time I press "Change username". ...
0
votes
2
answers
72
views
jQuery UI sortable with body zoom not working, Not calculating drag and drop area correctly
I am trying to jQuery UI sortable work with zoom CSS property on body. But it's not allowing me to drag and drop correctly on the right position.
Drag only working with half area, if user try to drag ...
-1
votes
2
answers
52
views
Disable other checkboxes when checkbox with the same sales code is already checked
Can someone help me with this one?
I have this list in my table with checkbox. As you can see there are duplicate sales code.
What I'm trying to do is that if I check one row, the other checkbox row ...
0
votes
1
answer
34
views
Disable a button from an array of buttons when check box is checked
I would like to disable a jQuery dialog button when a checkbox is checked. In the code below, it's the Update the counter checkbox. Is it possible to achieve the same?
let additionalValue = "...
0
votes
0
answers
37
views
how to implement .select2 and .multiselect feature at the same time
I want to make UI as in image 1 where user must see multiselect dropdown and can select multiple checkbox emails and also can mark only one email as Primary email id by clicking in right side as shown ...
0
votes
2
answers
59
views
jQuery Tab functions does not work with jQuery-UI versions
I had implemented a range slider by referring this link:
How to create custom range sliders with min and max using CSS and JavaScript.
For its jquery-ui reference, I tried using below two versions
<...
0
votes
0
answers
28
views
Kendo UI asp.net MVC5
I have Kendo Grid contains Row every Row have Edit button
if I press Edit and not change amount Loading and not call Function
.Update(aUpdate => aUpdate.Action("...
0
votes
0
answers
25
views
Dropzone + Jquery-ui sortable not calling the update event when certain condition is met
I'm porting an old app from pure jquery to Vue + some jquery, and Dropzone.js and jquery-ui Sortable function to rearrange a gallery is something is staying the same for the most part, this is what I ...
0
votes
0
answers
14
views
jqueryUI tooltip not showing the clock in a tooltip with modified width
I am trying to show a tooltip of the content i display on screen but with a changed width so in a tooltip, it should be bigger enough to display a clock,
i am planning it in two ways:
way #1
Based on ...
0
votes
0
answers
18
views
force absolute elements position, managed by jquery-ui
Here are several "areas" managed by jquery-ui.
<body class="ui-widget-header ui-corner-all">
<div class="ui-widget">
<div id="divWin1"...
0
votes
0
answers
24
views
jquery RateYo not working after render on Livewire
I'm using jQuery RateYo plugin for showing star ratings on my product card. First time when the page loads it work perfectly, But when I sort value by Livewire it will not showing star rating. In my ...
0
votes
1
answer
44
views
when implement autocomplete i get issues script on console log?
I work on asp.net mvc . I face issue when run autocomplete but I don't know how to solve it
when run asp.net MVC application these issues display on console.log of resignation page .
resignation page ...
0
votes
1
answer
88
views
How to get the latest version of jquery ui?
This code calls the latest version of jquery:
<script src='https://code.jquery.com/jquery-latest.min.js'></script>
Now I want the latest version of jquery ui:
<script src="https://...
0
votes
1
answer
20
views
I am using jquery sortable() for my table tr drag drop into the same table, how to move the tr through button?
I want to drag and drop the tr using the button and not the entire tr
// Drag and drop is enabled: Make the rows within the same table sortable
$("#myTable tbody").sortable({
helper: 'clone',
...
2
votes
1
answer
143
views
Widget Errors on Newly Created Wordpress Site
Good day, I had a newly installed wordpress site. There are no installed plugins or 3rd party themes, just the stock versions of Wordpress. However, there seems to be a problem before I could even ...
0
votes
1
answer
31
views
Is it possible to "pause" a drop event when sorting to ask a user a question (jquery-ui sortable)?
I am working on a project which uses the jquery-ui sortable widget.
Under certain circumstance, I need to ask the user a question that relates to the sort, then the update callback will behave ...
0
votes
0
answers
22
views
jQuery compatibility with jQuery UI - getClientRects is not a function?
I have the latest jQuery 3.7.0 and the latest jQuery UI 1.13.2. I am getting an error - getClientRects is not a function. Additionally there is also an uncaught TypeError: Class constructor p cannot ...
0
votes
0
answers
201
views
Refused to execute script from 'package location' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled
Am trying to implement noConflicts in JQuery in a React application, I am trying to do this for whole application. I have added the below script in my index.html but am getting the below error in ...
0
votes
0
answers
27
views
Is there anyway to change a background image in oxygen builder automatically when its night and day? [duplicate]
I did try this code to change it when its night and sunset image when it's day.
But it's not automatically changing.
var date = new Date();
var hours = date.getHours();
var sunset_img= "http://...
0
votes
0
answers
34
views
jquery autocomplete not display under input text box it display on top left corner but correct under input?
I work on asp.net mvc autocomplete . I face issue autocomplete display success list but it display on wrong place .
so How to solve this issue please
Exactly I need auto complete display under input ...
1
vote
1
answer
46
views
jQuery datepicker month select box opens and closes immediately inside Bootstrap modal
I've encountered a conflict between Bootstrap's modal and jQuery UI datepicker where I can't use the month select box because something closes it immediately after being open.
Steps to reproduce:
...
0
votes
1
answer
128
views
JavaScript Drag and Drop - Dragging Copies
I am attempting to create a robust drag-and-drop event scheduler. I have almost all of it complete, but am stuck on one element: how to drag a copy of an item.
You can see the current version running ...
0
votes
0
answers
17
views
Jquery ui draggable uses the top left corner to snap to a grid, is it possible to change that to top right, bottom right etc?
Currently when snapping to a grid I can't move my draggable element to the edge of the page since it's snapping to the top left. I'm guessing this is due to the width of the element not being ...
1
vote
2
answers
206
views
Issues with setting GlobalWorkerOptions.workerSrc and loading jsPDF library in a PDF to JPG conversion web page
I am trying to create an HTML web page that can convert a PDF file to JPG images and then export the rearranged pages as a new PDF file.
The codes are shown as follows:
<!DOCTYPE html>
<html&...
0
votes
1
answer
36
views
How to manipulate a div using .draggable(), sliders, and text input using JqueryUI
I have a circular div that moves along a larger rectangular div. I can move it around using .dragable() as of right now. I need to be able to also move the circle with sliders that have input boxes. ...
1
vote
1
answer
49
views
Add custom div in end of jQuery UI Autocomplete with list
I want to add a custom div at the end of jQuery-autocomplete list
I tried adding that custom div under ul.
autoCompleteDiv.data("ui-autocomplete")._renderMenu = function (ul: JQuery, items: ...
0
votes
0
answers
34
views
Why JQuery UI sortable doesn't work in the if condition?
I want to create drag and drop funcionality with unordered list. So basically I check in the if condition if the list contains any items and if the list is not null, if I don't check then I get a ...
0
votes
0
answers
31
views
Updating header hiding javascript to work with jQuery 3.6.4
I’m updating a website that was running jQuery 2.1.3 and is now on jQuery 3.6.4.
We’ve been using the code below to:
Hide the header navigation when the user scrolls past the height of the header
On ...