Questions tagged [jquery-plugins]
Custom add-ons and plugins for the jQuery library. jQuery functions and features not included in the standard jQuery library.
13,098
questions
-1
votes
0
answers
11
views
Validate multiple files extension and size before submitting jQuery validation [duplicate]
$.validator.addMethod("filesize", function(value, element, param) {
return this.optional(element) || (element.files[0].size <= param * 1000000)
}, 'File size must be less than {0} MB');
$()....
-3
votes
0
answers
14
views
Which package is being used with this code [closed]
which package is being used by following code?
I have trying to work on it and generate more details html, but not sure where to find documentation.
Also, if you guys know better way to render the ...
0
votes
0
answers
10
views
How to prepend country code on telephone numbers using the jquery plugin for international telephone input
I have an input field for users to enter their telephone/mobile numbers. I want the numbers enterd to have their country codes prepended to them. Eg 2547XXXXXXXX. However, with the code below I only ...
0
votes
0
answers
12
views
Toast ui image editor add new custom icons to the icon tab
I want to add custom icons in icon tab how can i do.
currently only 9 icon available but i want to add more than 9 icons in the icon tab in default list don't want to add by clicking on custom icon ...
0
votes
1
answer
26
views
Code to automatically generate meta tags in wordpress is not working properly
I need to automatically generate meta tags from content in wordpress, the problem is that the code that I found on many blogs while searching either uses $des_post = str_replace( array( "\\n"...
0
votes
0
answers
13
views
jQuery Validation for 5 maximum values in input field following comma seperator
I am using autocomplete dropdown by following this below link,
https://www.jqueryscript.net/form/tags-autocomplete-dropdown.html
Following is my HTML and jQuery Code,
<div class="pf-field"...
0
votes
0
answers
18
views
stop a form submission using jquery validation plugin in shopify liquid theme on product page
this is normal text here quantity-{{section.id}} is the name of the quantity
on which i want to validate using max validation it
validates but product form submits we want to stop
form ...
0
votes
0
answers
16
views
Flag appending on input tel js so validation not working properly
In this code i want to try make validation phone number field.
I am using Tel-Input-Js.
if i am using
initialCountry: "AE",
for showing default selection country. but it's not working ...
1
vote
1
answer
19
views
How do I remove the before and after arrow only from one <th></th> table?
I'am trying to remove the pseudo Css class (before and after) from this first <th>#</th>
tag, from a table (bootstrap and responsive Datable plugin)... is there a way to remove this using ...
1
vote
1
answer
20
views
Populated sumo select is not refreshing
I am using Sumo Select plugin for my application and the reload is not working. I have 2 dropdowns.
dp1, dp2
I am pulling a set of list for dp1 and when it is selected the dp2 will be sorted as per ...
1
vote
1
answer
95
views
Why my jquery multiselect plugin not working
I´m developing a school project using jquery multiselect plugin but the plugin isn't working fine.
Thats my code where i create the multiselect menu.
@using nsaprojeto.Controllers
@model dadosPassar
@...
0
votes
0
answers
16
views
How can I use imagemapster alongside imagemapresize in the same html file?
I have an html page with an image map. I am using ImageMapResize (jquery plugin) to allow browser resizing without losing my image-map coordinates. I am trying to also add ImageMapster (jquery plugin) ...
0
votes
0
answers
68
views
How to view any document in browser using ASP.net MVC?
We have created document viewer in ASP.net MVC application by using .groupdocsViewer() from GroupdocsViewer.all.js
All documents like .pdf, .doc,.docx, .xlsx, .png, .jpg are rendering in document ...
0
votes
0
answers
48
views
What are the best settings for Slick Slider to avoid jumpiness at start?
I have a slick slider that automatically starts when the page is open, but when it does it will often start half way, jump between slides (I assume while the images are loading), then start moving at ...
0
votes
1
answer
17
views
Need Alternate Approach Instead of `arguments.callee` in jQuery Plugin
With `arguments.callee deprecated I would like to find al alternative approach to extend a jQuery plugin I created to execute one of its built in methods from the outside.
My sample jQuery plugin:
(...
0
votes
0
answers
23
views
How to change canvas background color in imagemaker plugin
I am using an imageMaker plugin.This is the reference link of the plugin.
https://www.jqueryscript.net/other/image-merge-edit-draw-maker.html
In this instead of changing and editing on an image I have ...
0
votes
0
answers
39
views
How can I use EasyZoom jQuery plugin in my Angular 12 app?
I'm currently writing an Angular 12 application that utilizes the EasyZoom jQuery plugin; however, I can't get it to work and function like in the examples in https://i-like-robots.github.io/EasyZoom/....
0
votes
0
answers
15
views
jquery-modal keeps last input
I want to use the jquery-modal plugin to make comments for several form elements. Its working fine, as long there is no keyboard input. Otherwise it remembers the last input and keeps that in the ...
0
votes
0
answers
19
views
How to use jQuery custom widget factory in React JS?
How to bind the following code in React component? So that I can call the widget with the checkbox onChange method.
React >>
<Checkbox className="checkBox"/>
Widget >>
(...
0
votes
0
answers
28
views
How to fix time counting in javascript OpeningHours plugin
I want to use "Lightweight Opening Hours Plugin For jQuery" from jqueryscript.net. I wanted to use this solution to do it fast and easy because I don't know JS. But it has so many errors and ...
0
votes
0
answers
18
views
How can I customize skitter slider show without changing code of skitter.js plugin
I want to show the first image slide when I mouse over the tag with id 1. (When id is 2, show second image.)
However, the situation is a little special. I can't change the code of Skitter Plugin ...
0
votes
1
answer
74
views
How can I override and customize the datatable js feature?
How can I override and customize the datatable js feature?
I am using jquery.dataTables.min.js( DataTables V1.10.11). This js is working well for me, I need to customize the "Show entries" ...
0
votes
0
answers
10
views
How to do multi column sorting in jQuery DataTable? [duplicate]
How to do make multi-level sorting in jQuery Datatable. I want to sort my table first by Age and then messages.
Here what I am having-
Table with columns as Name, Age, Messages I want to first sort ...
0
votes
1
answer
35
views
Close button doesn't work on many Android devices
This is my code:
function setToTop(t) {
var n = 0;
$(".box").each(function(t, o) {
var e = Number.parseInt($(o).css("z-index"));
e = Number.isNaN(e) ? 0 : e, n = Math.max(n, e)
}), t....
0
votes
1
answer
17
views
Changing cell style upon row.add execution
I have next code, which adds row to Datatable
var rowed=$("#scores").DataTable().row.add([gameId,type,t,playerA,playerB,chooseA,chooseB,formatDate(t),winnerIs]).draw(false);
Suppose I ...
0
votes
0
answers
23
views
Numbers field generates duplicate entries on renewed modal call
I have a Number Field in the form of a Bootstrap Modal:
<!-- Modal Nummer -->
<div class="modal fade" id="modal_numberfield">
<div class="modal-...
0
votes
0
answers
13
views
How to do sorting in datatables and to show the recently created record on top as well at a time using jquery datatables?
my problem is either I can show a recently inserted record at the top or default sorting after page refresh. But I want a recent record at the top after page refresh and when I press sort icons, I ...
-1
votes
2
answers
39
views
i am using a slider but when i code it. tooltip is not moving and hover is also not working
I am using this website https://www.jqueryscript.net/demo/Highly-Customizable-Range-Slider-Plugin-For-Bootstrap-Bootstrap-Slider/ for slider and i am using Custom tick marks slider but the tooltip is ...
0
votes
1
answer
42
views
How to sort numbers properly in column in format x e y (as power of 10)
I have numbers represented as power of 10, for an example 5e6 (5 000 000), 4e4 (40 000).
Is there an elegant way to sort them in jqgrid properly by their values?
I have an unholy idea to calculate ...
0
votes
0
answers
29
views
Reloading DataTable after Data Save
I need a quick suggestion where I am expecting the Datatable to be reloaded once the below Process.
DataTable is Initialized in A.php
Having a button in A.php to call a modal body from B.php
Data is ...
0
votes
0
answers
82
views
jQuery smart wizard initialize successfully butt on click next button not validate the form. While i have added my custom function but still in vain
few months earlier code is running outclass.
but a few days ago it become messy.
because it allow user to leave first step without validate first step form and move on second step.
I am searching on ...
1
vote
0
answers
105
views
jQuery namespace collisions with Bootstrap 5
I have taken the plunge learning jQuery and Bootstrap. I however, learnt that Bootstrap 4 is happy with jQuery being used, but the latest version (v5.1.3) doesn't always. That is because, as InfoQ ...
0
votes
1
answer
987
views
Jquery Data Table , Edit single column value and send the value to back end for update
I am working on Data table and I would like to change the cell Value and send it to back end.
I am able to create data table with editable field. I am able to assign static value "new" as I ...
0
votes
0
answers
34
views
jquery transition not working when transitioning back
I'm using Bootstrap and Jquery Transit to transform my navbar when it reaches a specific scrollpoint.
Now when I only have the part in the if statement it works fine but i want it to transition back ...
0
votes
0
answers
36
views
Is there a bug using lens rectangle in xzoom jquery plugin?
I'm using jquery xzoom plugin in my application.
In Chrome works fine but doesn't in IE 11.
With lens by default (rectangle) the main image is shown displaced behind the lens in y axes (displaced ...
0
votes
0
answers
92
views
Jquery Plugin chart vertical nodes customisation
I am using below reference jQuery plugin for my org chart creation
https://www.jqueryscript.net/demo/Fully-Customizable-Organisational-Chart-Plugin-With-jQuery-OrgChart/
Its working as expected but ...
-1
votes
1
answer
46
views
Terinary operator to add user symbol
how can add <i class="fa fa-users symbol"></i> on manager box to show user symbol icon in Maansger2nodes
below is the picture
tying this line where checking ${data.tcount}>0 ...
1
vote
1
answer
171
views
How to show image on hover over org chart
I am writing below code to create org chart using Jquery plugin reference as below
https://www.jqueryscript.net/demo/Fully-Customizable-Organisational-Chart-Plugin-With-jQuery-OrgChart/
It shows image ...
0
votes
0
answers
78
views
Smooth Zoom Pan - jQuery Image Viewer on a dynamically loaded picture
I'm trying to apply Smooth Zoom Pan on a dynamically loaded picture like this:
<div id="imgDiv" class="img-fluid"></div>
function createImg() {
var div = $(&...
0
votes
0
answers
129
views
Problem with export data and print preview with DataTables
I have a problem with the export of data and preview of printing with the DataTables plugin because I noticed that it also includes the data lists that have been created through the script tag that is ...
1
vote
0
answers
72
views
datatables conflict with jquery Laravel 8
I am working on Laravel 8, using datatables and a package(maatwebsite/excel) for import/export data to database.
My datatables have the below jQueries.
<script src="{{ asset ('../assets/...
0
votes
0
answers
25
views
Cordova Media plugin pause
I have a cordova plugin for playing media but it doesn't work when I pause it. any help would be nice.
function onDeviceReady() {
console.log('Devive is ready!');
$('#button').click(function (...
0
votes
0
answers
66
views
To change SlideToShow dynamically slick slider
I'm using slick slider for WP project.
What I want to achieve is that when user click/swipe the slider, then the value of slidetoshow would be randomly generated between the number 1 and 2.
For ...
0
votes
2
answers
73
views
How to limit or define specific images for each gallery using a class
I have created numerous picture galleries on the same page. If I click on one gallery picture, fancybox v3.5.7 opens and you are able to click through not just this gallery but all pictures in the WP ...
0
votes
1
answer
128
views
Livewire Dom update break jquery plugin like Select2 .. etc
I'm facing an issue when livewire DOM update jquery plugin not work , jquery plugins breaks and not working . Kindly proper guid thanks
0
votes
0
answers
47
views
How to change on click Images and highlighted areas using jQuery maphilight
I have one div and 3 buttons. When one of the button is clicked, calls a JavaScript function (createImageElements) that inside of the div I create dynamically: <img>, <map> and <area>...
0
votes
0
answers
16
views
jquery UI resizable - resizing only possible upto the parent div
I need to resize the chart in each row : left (start_cell)- start date increase/decrease , right(end_cell) - end date increase/decrease.
Each cell indicates each month.
For each row, the chart ...
0
votes
0
answers
21
views
Is there a way to run a JQuery quicksearch on the current row and one row above or one row below?
I have a table with tr rows that alternate between class master and class detail, like this:
<table>
<tr class="master">
</tr>
<tr class="detail">
&...
0
votes
1
answer
44
views
How to triggger two select with on change with if condition on value
I am trying to trigger two select of woocommerce variations and based on the values apply an inline style, my script is this but I am doing something wrong. Thanks
jQuery(document).ready(...
-1
votes
1
answer
145
views
TinyMce isn't editable and clickable on dynamic created textarea
the scenario I have is to by clicking add button i generate new textarea, its like repeater fields.
I want to set Tinymce on every newly created textarea and all other existing already.
the issue i am ...