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.

Filter by
Sorted by
Tagged with
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 ...
World of Titans's user avatar
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.$...
V1pr's user avatar
  • 103
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....
Tiago Dantas's user avatar
-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 ...
AppleMoose's user avatar
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 ...
PrimaryGroupEmployee's user avatar
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 &...
AppleMoose's user avatar
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 ...
Usama Akram's user avatar
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({ ...
jiggy1965's user avatar
  • 157
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"); }); </...
Gordon Copestake's user avatar
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'...
Nadia Den's user avatar
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 ...
ahmed abdelaziz's user avatar
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 ...
JMA's user avatar
  • 3
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 ...
Smith Jonas's user avatar
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 }); ...
Parrotmaster's user avatar
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 ...
user_1's user avatar
  • 1
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 ...
SWAMINATHAN M's user avatar
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 ...
deniz's user avatar
  • 1
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 ...
www.matemingler.com's user avatar
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 ...
Jj17's user avatar
  • 5
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: //...
Alexander Farber's user avatar
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 ...
prefics's user avatar
  • 11
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 ...
JMantis's user avatar
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". ...
Furious Mountain's user avatar
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 ...
Vijay Dhanvai's user avatar
-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 ...
luffy1234's user avatar
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 = "...
Tan's user avatar
  • 1,459
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 ...
Karan Shrestha's user avatar
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 <...
Limna's user avatar
  • 403
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("...
Mahmoud AboElayoun's user avatar
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 ...
Santiago Cuartas Arango's user avatar
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 ...
Kyle's user avatar
  • 27
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"...
user avatar
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 ...
Dev_ihp's user avatar
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 ...
ahmed abdelaziz's user avatar
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://...
provance's user avatar
  • 897
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', ...
kumar thapa's user avatar
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 ...
Knox's user avatar
  • 81
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 ...
Ben Holness's user avatar
  • 2,497
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 ...
TS''s user avatar
  • 113
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 ...
Dejavu's user avatar
  • 17
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://...
mrcupido's user avatar
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 ...
ahmed abdelaziz's user avatar
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: ...
CIRCLE's user avatar
  • 4,609
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 ...
Trick Kramer's user avatar
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 ...
csber3's user avatar
  • 197
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&...
PowerPoint Trenton's user avatar
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. ...
knox0's user avatar
  • 17
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: ...
Chirag Goyal's user avatar
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 ...
userxchange123's user avatar
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 ...
user22197362's user avatar

1
2 3 4 5
796