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,730
questions
1
vote
1
answer
21
views
Convert Modulus 11 Self-Check Digits PHP code to JavaScript
Using Modulus 11 Self-Check Digits PHP module.
http://www.eclectica.ca/howto/modulus-11-self-check.php
function GenMOD11( $base_val )
{
$result = "";
$weight = array( 2, 3, 4, 5, 6, 7,
...
0
votes
0
answers
15
views
DatePicker Range Changes After the Value Selection
I have created a jquery Date Pick with a minrange to -6y and maximum range to +9y here is the code
<asp:TextBox ID="CalTxt" OnTextChanged="CalTxt_TextChanged" CssClass="...
0
votes
0
answers
34
views
How do I select a specific child of a <select> tag?
I'm creating a map in which clicking on different cities will pull up different menus, and highlight the selected city. A <select> box is also available for the mobile version of the site since ...
1
vote
1
answer
16
views
Jquery / Jquery UI - Keep image on the parent div
How can I stop my image (the bear one) to go out the iPhone template ?
So how to keep the image always in the iPhone image ?
I should be able to move it but the image should not overflow out the ...
1
vote
0
answers
26
views
JQuery UI Sortable - Grab shift when zooming
I was trying to use JQuery UI Sortable plugin for multiple tables. The idea was to grab and drop elements in cells of a table, by connecting all <td> tags with this plugin.
It looks like this: ...
0
votes
1
answer
16
views
jQuery contextMenu: Submenu is aligned far from main menu
I am using a jQuery data table and on right-click, I want to display a menu with a submenu.
The menu is displayed properly, however, the sub menu is aligned far from the main menu
I am creating list ...
-2
votes
0
answers
18
views
Any residual risk if I am not using vulnerable function from imported JavaScript library [closed]
For JavaScript library with known vulnerable, am I still at risk if I did not use the vulnerable function?
0
votes
0
answers
12
views
JQuery: how to replace last child of <a> tag in tabs with another value? [duplicate]
I have JQuery tabs in the frontend, if I inspect one tab I have this:
<a id="dynautoRollAnchor1" href="#item1" style="font-size:13px" class="ui-tabs-anchor" ...
0
votes
1
answer
21
views
Added jQuery UI and JQuery Mobile cdns to project but themes won;t work
<link rel="stylesheet" href="jQuery/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css">
<link rel="stylesheet" href="jQuery/jquery-ui-1.13.1/jquery-ui-1.13.1/...
0
votes
1
answer
23
views
Fix draggable position in multiple div
in my code i want divs and draggables elements dynamically, my problem is that the draggable elements are moving along the bottom of the div when scrolling, and I need that when I drag them over the ...
0
votes
1
answer
43
views
How to add css property to a span tag of an innerhtml
I have a innerhtml
Lets say
<p [innerHtml]="billPayemnt"></p>
and the billpayment contains below code
<p>
<span>8218819999</span>
<span>hello</...
0
votes
0
answers
20
views
jsPlumb make connectors editable with EditableFlowchart
I've been looking for a few days to develop a flowchar with connector editalbe, something like the picture below.
In the documentation it says that I need another package - jsplumbtoolkit-editable-...
0
votes
0
answers
18
views
Multiple spinners at once
First of all sorry for my english.
I have a page with multiple ajax request that can be running simoultaneosly. Each of that request start a full page spinner in page ($.spinner().start()) to avoid ...
0
votes
1
answer
34
views
How to make a resizable and draggable box that's a clear window with an opaque background?
I want to make a transparent box that can be dragged left/right, as well as re-sized with handles. The area to the left and right of the box should be opaque, something like this:
... i.e. you can ...
0
votes
1
answer
16
views
jQuery.hide('fast') intermittently fails to work
I have jQuery 3.6.0, jQuery-UI 1.13 and a bunch of other plugins. All JS files are stored on the server.
9 page loads out of 10, $('selector').hide('fast') or some other specified speed works ...
0
votes
0
answers
34
views
Datatables Checkboxes extension combined with Sortable
For a project I'm working on, the admin of the system will be assigning questions to some quizes from a huge pool of questions. For better filtering of the questions upon their selection, I had to use ...
0
votes
0
answers
11
views
How to implement Export feature in WebGrid.Mvc filtered data
I have install a package named Grid.Mvc in the project and then i create all the essential controller, model and views which are as follows
//Controller name - Dashboard
public ActionResult ShowDT(...
1
vote
1
answer
28
views
How can I configure jquery-ui datepicker to enable for selection only the last friday of each month?
obviously I dont know much about JS so I try best to run the datepicker. In our picker, we wanted only be able to pick every last Friday of the month. I've already written the code for this and it ...
0
votes
0
answers
21
views
Third party packages are getting undefined even after script loaded successfully
Third-party packages are getting undefined even after the scripts loaded successfully.
We are loading 4 third-party packages dynamically(Using CDNs) in React. We show a loading view when these CDNs ...
0
votes
1
answer
34
views
Request data of AJAX POST is null in Laravel Controller
I'm trying to send via AJAX data, I'm doing a post and then receiving it on the laravel controller.
I'm getting an error that the data is null.
I tried multiples ways to fix it but I'm not able to ...
-1
votes
3
answers
61
views
Ajax post giving null in laravel controller [duplicate]
I'm trying to make a sortable table in my laravel app where the order also needs to be updated in the database, I'm trying to do it with jquery, ajax.
I tried to figure it out with this pieces of code:...
0
votes
0
answers
20
views
Bootstrap Timepicker - Overriding the default beavior
I am using Bootstrap Timepicker in my ASP.NET MVC project. I want to validate it using data annotations. But if the user enters, say, an invalid value of 'test' instead of a valid time, the control ...
0
votes
0
answers
13
views
How to Set Jquery Date Picker Min/Max Date dynamically in an ng-repeat
I am using a JQuery datepicker in an ng-repeat that requires a different set of Min and Max dates for each item in the ng-repeat. How do I set individual values for each item?
I know I can use ...
0
votes
1
answer
14
views
Jquery UI Droppable on overlapped (but not nested) elements
I'm facing a trouble with droppable/draggable plugin of Jquery UI.
If I have two elements, not-nested, but overlapped due to css structure, the drop function is thrown for both elements.
How can I ...
0
votes
1
answer
26
views
JQuery empty input not working with .val('');
I have a function that works in my JQuery autocomplete.
The function itself seems to work, but when selecting from autocomplete list, the line to empty the input is not working.
I re-created the issue ...
-1
votes
1
answer
40
views
Creating a range slider for datetime
I am trying to create a range slider using HTML/CSS/Javascript.
I want the range to be between two dates, but in doing so I want not only the date to be displayed, but also the corresponding time: so ...
3
votes
1
answer
39
views
jQuery UI AutoComplete - How to handle multiple values ,when user removes a value in between the selected values
This is What I have :
I have a text box input element as below for loading cities autoloaded and a hidden field to list its ids:
<label class="col-sm-2 control-label" for="city_disp&...
0
votes
1
answer
34
views
Rails Best In Place date initial date format
I'm really new to Rails and I'm using v6.1.4. In my application I'm using I18n localization. At other places for view-only label dates(not using BIP) I use
<%=l @client.active_date.to_date %>
...
0
votes
1
answer
47
views
Unable to remove items after dragging them on dynamically created list
I created a field editor where you can create several blocks via drag & drop and they are cloned, because you can use as much blocks as you want. Then there is the chance to put in fields from a ...
0
votes
1
answer
28
views
Element not clickable after dragging
I got some boxes on the left that are draggable. When they are dragged, they are cloned, so you can put as many boxes as you want.
When they are dragged to the .sortable I want them to be removed by ...
0
votes
2
answers
21
views
Jquery: Give styling (padding) of the parent class based on the condition that the first child matches with the class I want
Parent Class: cmp-container
There are two child classes -
productmodelfootnotes
footnotes
According to the sequence of the child I want to give padding as follows -
If "productmodelfootnotes"...
1
vote
1
answer
26
views
Move items between dynamic created lists
I have a menu where I can create dynamic blocks and put in some fields.
When I drag a field into on of the blocks, I also want them to be sortable across several blocks. But they are only sortable ...
0
votes
2
answers
38
views
CSS transition not responding
I'm new to using transitions and my transition is not responding. There must be something wrong with my code. I'm using cards on my site and I added a (mouseenter) to have the info on the card display ...
1
vote
2
answers
34
views
How do I use jQuery toggle class to add class or remove element?
I'm not sure why my code is not responding, everything looks correct to me. I'm new to using jQuery and trying to use toggleClass to have card info displayed when the card on my page is clicked. ...
0
votes
0
answers
21
views
Saving position and locations drag item by jQuery ui sortable
I'm trying to make a sortable drag item where I click the save changes button that will save the layout. The sortable is working correctly, but the saving and loading aren't working properly. When I ...
0
votes
0
answers
15
views
JQuery autocomplete with multiple category
How can I add a search form with autocomplete option which gives results from multiple areas of a website. Added a sample image below. I want to list the search results like this. Am using Drupal 9 ...
0
votes
1
answer
16
views
How to apply .draggable() to all elements with the same class?
.draggable is working fine when I target elements with ID but when I try by class, it's not working for any of the elements.
Below is my code, any idea what should be changed?
<script>
$( ...
0
votes
0
answers
10
views
Refresh comments after postComment - jquery-comments.js
I am using this jquery-comments plugin for a small conversation functionality. and this works good.
Only issue is it does not refresh comments after we post a comment and just adds new comment row, so ...
0
votes
0
answers
24
views
How to update z-index values in two related lists 'A,B'(B is sortable items)
The two list are A, and B. The list B is sortable (drag-drop), each item in list 'B' is related with each item in list 'A' by index !
we set first this css propety to list 'B' items
#sortable2 li:nth-...
0
votes
0
answers
18
views
How to update the z-index values between Two list 'A,B'(sortable items), the z-index values in list 'A' depending on 'B' list values changes
[![enter image description here][1]][1]
We have two lists A, and B. Each list has its own ids and classes
list 'B' (right side of attached image)) is sortable (drag-drop), each item in list 'B' ...
0
votes
2
answers
44
views
How can I avoid width and height to be added to dragged item?
When I use draggable and sortable, jQuery always sets inline-styles for width and height which is really annoying.
This is my script to move items from .structure to .sortable:
$( function()
{
$( &...
0
votes
1
answer
29
views
Typescript and jquery-ui - what am I doing wrong
I'm trying to use jquery and jquery-ui and typescript and having trouble getting it to allow the jquery-ui objects.
I used npm to install jquery and jquery-ui.
npm install --save jquery
npm install --...
0
votes
1
answer
21
views
How to read an option of my custom jQuery widget?
I have prepared a simple test case of my issue:
I have a custom jQuery UI Widget representing a game table.
And I am trying to show or hide the game tables depending on the max option, which can have ...
0
votes
1
answer
33
views
How to access jQuery UI autocomplete suggestions outside of the autocomplete callback?
I want to combine the functions of jQueryUI autocmoplete and a tag input library (unfortunaly I don't remember where I got the library from, but the source code is inside the snippet).
A little ...
0
votes
0
answers
18
views
Dragtable is not working when a header has some colspan
I am using http://jebaird.com/demos/dragtable/ to drag columns position but it is not working if header has some colspan. It takes only first colspan to drag the whole column.
0
votes
0
answers
65
views
Need help in converting Jquery Ajax Modal to Alpine JS
I am attempting to convert a Bootstrap Jquery Modal with an ajax request into a Tailwind Css Alpine JS modal with Ajax request.
Jquery Code
$(document).on('click', 'a[data-ajax-popup="true"],...
0
votes
2
answers
53
views
Calculate top offsset position of draggable Image on div height in percentage
I'm trying to calculate the top offset of my image draggable within a container of fixed height. So I can get the value in percent not in pixels and use that value to set the CSS top positioning of ...
0
votes
1
answer
17
views
Using jQuery contextmenu to move items between lists - attach to new event after finished
I have 2 lists, A and B. I use A context menu (right click menu) which moves the item onto the other list but when I right click this item it is using its original data and classes. How do I achieve ...
0
votes
0
answers
8
views
JQuery, copy new row - loses track of event associated with class selector [duplicate]
Since an upgrade in JQuery, I have problems catching an event on a new div added displaying a row of data.
Initially when my screen displays, I have one row of data displayed. When I click on a cell ...
0
votes
1
answer
18
views
Use clone helper only when button pressed
I am trying to make it so that my draggable element is only cloned when I press the Control button and drag it. My options for the draggable() function are:
var pressedKeys = {};
window.onkeyup = ...