Click here to Skip to main content
15,890,527 members
Everything / jQuery

Jquery

jQuery

Great Reads

by Christoph Buenger
Describes PHP application development with the free Scavix Web Development Framework (Scavix-WDF).
by Evoluteur
A full jQuery UI widget which supports various configurations and themes
by Jovan Popovic(MSFT)
Reordering table rows using drag and drop functionality with jQuery DataTables plug-in in ASP.NET MVC applications
by Hovhannes Bantikyan
This is a simple infinite scroll with Ajax post and JSON. Have fun :)

Latest Articles

by Zijian
How to generate strongly typed client API in TypeScript for ASP.NET Core
by Bhargav Technical Lead
Angular migration to version 16
by Michael Chourdakis
A quick way to interoperate between Win32 and a browser using WebSockets

All Articles

Sort by Updated

jQuery 

U 2 May 2024 by Member 12760369
I am trying to fill an HTML table through a datatable which brings information from a database. Within the ajax parameters to bring the information from the database there is a piece of information that allows me to only extract the records of...
N 27 Apr 2024 by Pete O'Hanlon
The error you are seeing is down to the server responding with something other than a 2xx status. This could be the server responding with a 404 error (NotFound), a 401 (unauthorized), or some other status. We don't have access to the server and...
6 Apr 2024 by Member 16235587
You can use cropperjs library. In that library there is method called "setCropBoxData(data)" you can set your co-ordinates and a cropper-box will be build on top of that co-ordinates. There are multiple options to change as your use case , I...
16 Mar 2024 by Andre Oosthuizen
Quote: I have tried this using Partial view but not achieved the goal and not understanding anything as I have not good grip on Jquery ajax so suggest me the solution for this The following might be difficult to grasp as per your own admission....
16 Mar 2024 by Tayyab Ali 2024
So I have the view named Edit User and in that view I have this portion of code provided below and in users list view I have button named ROles in Action part so what i want is when i click on that button only this part should popup how can i...
16 Mar 2024 by Andre Oosthuizen
When you serialize your form using 'serializeArray()', your boolean values might not be serialized correctly. I would manually serialize the form using the '.serialize()' method and then append the 'DataTable' array to it. I would use something...
14 Mar 2024 by Nicole Strain
Hello I am trying to pass a form which contains a bool and DataTable which I have converted to an array as per the Datatable documentation. var aData = $('#dtPurchaseEnquiryLines').DataTable().rows().data().toArray(); var formData =...
18 Feb 2024 by Member 14967719
Use ChatGPT to compare to two code sections and it will highlight that you haven't corrected all the initial problems in the original source code. It is one of ChatGPT's better functions as it isn't making up code, just comparing and working with...
17 Feb 2024 by Member 16204450
Why doesn't this script work? 600600 ◀
7 Feb 2024 by Richard Deeming
Unsurprisingly, the change event fires when the selected value is changed. It does not fire when the page first loads. You can either manually trigger the change event when the page loads: $('#programid').change(function() { ......
7 Feb 2024 by nyt1972
Hello, I have two dropdown boxes program and course, the program dropdown is populated programmatically and I want when it gets a value in other words when its value get changed then the course dropdown need to be populated based the program...
6 Feb 2024 by Richard Deeming
Quote: html += ''+data[i].course+''; Your generated HTML is invalid - you are adding the invalid attribute "option:selected" to your option element. The attribute is simply called...
6 Feb 2024 by nyt1972
Hello, I want an option to be selected in the course dropdown if it equals a certain value. Course dropdown will be randomly populated each time one select a program from the program dropdown. I have two dropdown boxes program and course, when...
6 Feb 2024 by Hasin Mahjabeen
If you want to use checkbox instead of radio button. Here can be one solution - Use only one checkbox. If checked, it will mean "Yes", if unchecked, it means No. Dont use 2 checkbox for each yes and no option.
28 Jan 2024 by Member 11256349
hello friends I go to the login.controller file from the login.js file, if the password is correct, I redirect to the home page.However, although it is redirected to the home page, the home page does not open, login.js falls into the error block...
20 Jan 2024 by ahmed_sa
I work on asp.net MVC application I face issue when change check box (Yes to No) OR (No to Yes) not detect value true or false correctly . I have two check box Yes represent true value No represent false value I don't need to change checkbox...
9 Jan 2024 by Member 16179780
👁 function togglePassword(obj) { ...
7 Jan 2024 by Maciej Los
It looks like your question has been resolved here: jQuery show/hide options from one select drop down, when option on other select dropdown is slected[^]
29 Dec 2023 by Member 10337751
Any one can help me with Dropdown selection hide show using jquery and javascript after selecting should show field of forms 1)Dropdown 2 selection *land owner * vendor - After selecting land ower should show Name/email/phone...
26 Dec 2023 by OriginalGriff
Answered only to remove from unanswered queue - solved by OP.
26 Dec 2023 by nyt1972
Hello, I wanted my PHP form to be submitted at end of duration, for example the duration is 5 minutes, so as the time reach to 0 the form submits automatically. I tried the below but it submits the form immediately while I want it to be...
22 Dec 2023 by FirdousNasreen
$(document).ready(function () { $("#AmountId").change(function () { var a =...
29 Nov 2023 by Dave Kreskowiak
Nothing is displayed because the code stops running when the error is thrown. In javascript, the error "Cannot read properties of undefined" means you're trying to call a method or property of a variable that does not hold an object. You're...
29 Nov 2023 by A Belal
i want to do Pagination for View Page named ItemsList data comes well in Console in browser but it doesn't show on screen What I have tried: Array(10) 0 : {itemId: 2, itemName: 'MacBook Pro', salesPrice: 1339.69, purchasePrice: 1205.72,...
13 Nov 2023 by ahmed_sa
I work on asp.net mvc Application Ajax Request Calling I face Issue message sweet alert display more than once if i click button submit more than once if i press same button submit again for same request it will display (message Employee Exist...
12 Nov 2023 by A Belal
I have a problem in Calling Web Api using jquery when calling Web Api using jquery and open Console from browser Error is jquery-3.3.1.min.js:2 Uncaught TypeError: (h.dataType || "*").toLowerCase is not a function at Function.ajax...
11 Nov 2023 by Richard MacCutchan
jquery-3.3.1.min.js:2 Uncaught TypeError: (h.dataType || "*").toLowerCase is not a function The expression in parentheses yields a boolean value. And you cannot call toLowerCase on a boolean (i.e True or False) value.
11 Nov 2023 by ahmed_sa
I work on asp.net mvc page view . but I face issue search for every column not have same size of header as Request No for search filter not same width and height of Request No column Header table and if you check also Line Manager on header and...
24 Oct 2023 by ahmed_sa
I work on ASP.NET MVC Project. I face issue action ApprovalIndex Not redirect to action PendingManagersRequests although no error happens. I debug and trace breakpoint until I reach action PendingManagersRequests and trace until I reach to view...
24 Oct 2023 by Ranjeetha Ravindran Virdi
function getBathroomsValue() { var uiBathrooms = document.getElementsByName("uiBathrooms"); for(var i in uiBathrooms) { if(uiBathrooms[i].checked) { return parseInt(i)+1; } } return -1; // Invalid Value } ...
24 Oct 2023 by codiagirl
I want to disable double click and allow only single click. I have tried the following code, but it did not work. What's wrong here. I am working in mvc Razor syntax. What I want is, when user clicks on Save letter button, it saves the letter,...
19 Oct 2023 by Dave Kreskowiak
You can just handle the dblclick event and not do anything with it. Test! const btn = document.querySelector("#testBtn"); ...
19 Oct 2023 by M Imran Ansari
To prevent a double-click action, you should disable the button on the first click and then re-enable it after a certain delay. Here is an example of how you can modify your code to achieve this functionality:
17 Oct 2023 by Zijian
How to generate strongly typed client API in TypeScript for ASP.NET Core
16 Oct 2023 by Gcobani Mkontwana
Hi Team I have client side and my back end is trying to retrieve all the items being added to the wishlist but its returning empty to the table and there are no errors when debugging, i think i might be missing something on my logic and need so...
12 Oct 2023 by Gcobani Mkontwana
I have a wishlist and what I want is when I add an item, the wishlist must update that item. Following its modal form so users can log in and view their wishlist. Currently, when debugging from server side, I message user is logged in. This step...
12 Oct 2023 by ahmed_sa
I work on ASP.NET MVC app. I am facing an issue. I can't add text input filter on top of every column to filter. With another meaning, I have a datatable that has 3 columns, RequestNo, EmpId and EmpName. So I will add 3 input box filters for...
11 Oct 2023 by Richard Deeming
Oh look: another day, another zero-effort "do my work for me" question from our resident help vampire. It's not like 30 seconds in Google would yield an exact example of what you're trying to do[^], is it? 🤦‍♂️ But why bother learning, or...
3 Oct 2023 by Gcobani Mkontwana
I have an issue with my cart basket. It is not displaying when I add the items to the cart. When debugging, I get this errror. "Uncaught TypeError: item.totalPrice is null updateCartItems https://splashonline.co.za/js/add-to-cart.js:139 ...
3 Oct 2023 by OriginalGriff
See here: A Beginner’s Guide to JavaScript Debugging in Chrome - CoderPad[^] - there are similar pages for most popular browsers (and probably one for Edge as well).
2 Oct 2023 by KHAN WEB DEVELOPER
Does anyone knows about Laravel inventory management system? I am sharing one link of video. Please check https://youtu.be/1rOVrp2HgWA?si=qxOdMSGnKiBpOhza. In this link when you move forward at time 10 minutes, he approves products. I do not know...
29 Sep 2023 by OriginalGriff
Quote: Richard Deeming : YouTube videos have a "comments" section. Use that to ask the author of the video to explain his code. This is absolutely the best advice we can give you with other people's code.Quote: KHAN WEB DEVELOPER : I have asked...
22 Sep 2023 by ahmed_sa
I work on asp.net MVC web API . I face issue when call web API using jQuery ajax request my issue is autocomplete result display separated by slash Id - Name - Designation but expected result I need to get is : Id : 121 Name : michel nicol ...
20 Sep 2023 by sajenson johnson
I have POS application in Laravel PHP. I need to show customer display. I have the customer display like Partner CD7220 UN model. I need the API or source code to connect the customer display with my PHP POS application. Can any one who has the...
19 Sep 2023 by OriginalGriff
You should talk to the people who created it - they should provide technical support and will know more about their product than we will. If they don't, then find another supplier and demand your money back!
13 Sep 2023 by ahmed_sa
What events does an fire when its value is changed ? I working on a .NET application ASP.NET MVC. I am using input text numbers that have up and down arrows. up increase and down decrease Which event fires when pressed...
13 Sep 2023 by Member 15418280
We provided some simple JavaScript template code. Your goal is to modify the application so that you can properly toggle the button to switch between an ON state and an OFF state. When the button is on and it is clicked, it turns off and the text...
13 Sep 2023 by Frank-Cziryek
As I refresh browser, I lose the expected appearance. I guess it is because of the use of resize function. I need help with the refresh for everything to stay as it is supposed to be and happens with Windows resize. What I have tried: I tried...
2 Sep 2023 by Andre Oosthuizen
You were almost there - import $ from "jquery"; $(document).ready(function(){ $("#root").click(function(){ //Get the current text content of the toggle button... const buttonText = rootApp.innerHTML; //Check if the button is in...
30 Aug 2023 by Richard Deeming
Your code is rather messy. Here's a JSFiddle of what you've got at the moment: Edit fiddle - JSFiddle - Code Playground[^] Just about all of your script can be replaced by media queries: Using media queries - CSS: Cascading Style Sheets |...
29 Aug 2023 by OriginalGriff
We've been discussing you: Can we have a "Help Vampire" icon?[^] It's a difficult one to describe ... In this specific case, I think what annoys me (and probably others) is the way he is using us to keep his job, to get paid without actually...
10 Aug 2023 by Sawska
I have a web page which contains some divs with id option and jquery event that make some changes when you click on one of those divs. jQuery event works perfectly for desktop and Android users, but there are some issues with web page for...
8 Aug 2023 by Nischal Shar
I have a page where I want to load the search results when user inputs keywords in the input field. I've a search button when clicked on search button an search-body div appears In the search-body there's an Input field and user inputs the...
8 Aug 2023 by Richard Deeming
XHR is an older technique. All modern browsers support the Fetch API[^], which is much nicer to work with. Especially if you combine it with async/await[^]. For example: let abortController = null; async function loadSearchResults() { if...
4 Aug 2023 by Andre Oosthuizen
I don't think this is an iPhone issue but more related to the default browser in iPhone which is Safari. The first thing I will try is to use the Use 'touchstart' event as some mobile devices behave better with the 'touchstart' event compared to...
19 Jul 2023 by Andre Oosthuizen
You are almost there :). From what I can gather, you want the first part of the title to be displayed separately from the rest of the title. I have used the hyphen character ('-') as the delimiter instead of ' - ' with spaces between the hyphen....
18 Jul 2023 by Nonso Nkwoji
I’m trying to split my WooCommerce product title into 2 lines, currently, it looks like this 0101-12-12 – 3/4″ MNPT X 3/4″ MNPT STR, I want the title description to look like the below without hyphens: 0101-12-12 3/4″ MNPT X 3/4″ MNPT STR ...
11 Jul 2023 by ahmed_sa
I work on razor page asp.net core . I face error Datable id=example can't reinitialize data table ? so How to solve this error please ? error happen when change select option printer server I need when change select on select option printer...
11 Jul 2023 by Richard Deeming
Try reading your own code for a change: $('#PrintServer-select').change(function () { ... // Create the DataTable: var tableShows = $('#example').DataTable({ paging: false }); ... // Create the DataTable again: ...
10 Jul 2023 by user1378
jQuery. How can I simulate ctrl + shift + c in jQuery? What I have tried: I tried to use this code: $(this).trigger($.Event("keypress", {keyCode: 17 + 16 + 67}));
10 Jul 2023 by Patrice T
It don't work that way ! $(this).trigger($.Event("keypress", {keyCode: 17 + 16 + 67})); means $(this).trigger($.Event("keypress", {keyCode: 100})); You should study: KeyboardEvent keyCode Property[^]
10 Jul 2023 by Andre Oosthuizen
The use of 'keyCode's' is deprecated and was removed from some browsers for security reasons. Quote: Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the...
5 Jul 2023 by Gcobani Mkontwana
Hi Team I am having an issue with my signin form its not redirecting to the login and from the login. When signing using correct details its not, but remain on the login page instead of shopping page. What am missing here? What I have tried: ...
4 Jul 2023 by Andre Oosthuizen
The item will never show in your cart as you are checking if the user is logged in, if so, then add item to cart. You have however set the 'isLoggedIn' value to false which means that the function to update your cart will always be false as per...
3 Jul 2023 by Gcobani Mkontwana
I need some help, the problem i am facing when add to cart is called it must show that item to cart. The logic i have so far its not showing that meaning when i add to cart it not displaying that item to be added. What I have tried:
30 Jun 2023 by Uwakpeter
I am trying to implement a thousand separator while typing in MVC 6 razor page, the code below seems to work but it shows NAN if the number is deleted completely and also shows INFINITY if a large set of numbers are also entered into the textbox,...
30 Jun 2023 by Sandeep Mewara
One of the ways could be to: 1. separate the decimal part 2. regex the integer part 3. put decimal and integer parts back together Have a look at few examples here: Reference 1 (Javascript based): JavaScript Number Format - Add Commas -...
30 Jun 2023 by Expert84
I see one method in Select2 tree - JSFiddle - Code Playground[^] but slow for large data
25 Jun 2023 by A Belal
how do navigate to page from window.open with parameter but paramter (BillNo) doesn't exist there isn't exist in address bar my code appear in address bar as function RowClick(BillNo) { ...
25 Jun 2023 by Sandeep Mewara
You can open window with params. Define them clearly as part of url: Write them without single-quotes and as expected (define them separate before making part of url): window.open("http://yourdomain.com//AllOrders/OrderDetails?billno="+billno...
24 Jun 2023 by ahmed_sa
I work on razor asp.net core .i face issue selectedbranchid is inside post form form is get selected value without any issue but if i use another post and get selectedbranchid it become null why so How to solve issue please on page model ...
22 Jun 2023 by ahmed_sa
I work on asp.net razor , i get error when try make ajax request to access OnPostshiftDataUp ERROR : Failed to load resource: the server responded with a status of 400 () console.log(formdata) // serialize data ...
9 Jun 2023 by Richard MacCutchan
You already posted this question at How to execute external js function from console[^. Please do not repost.
9 Jun 2023 by Anuj Choudhary 2023
on opening microsoft health video page i have logs in console like this... now i want to run a function checkingRewardsCriteria() from the console but i do not know how find path of it as the js file has starting like this. for example like...
30 May 2023 by FRS4002
I have this code in HTML: button and this in jQuery: $(".coloring").mouseenter(function() { $(this).css({background: "linear-gradient(109.6deg, rgb(135, 168, 254) 11.2%, rgb(254, 165, 197) 100.2%)"});...
30 May 2023 by Richard Deeming
For Chromium-based browsers, you can use the new @property CSS rule to animate the gradient without needing to use Javascript: @property --a { syntax: ''; inherits: false; initial-value: 0%; } @property --b { syntax:...
29 May 2023 by Member 9911885
I have a text area. even when i type text with multiple lines it was taking entire text as a single line in var variable.example: HI, i am good. when i get this into variable i want this as " HI, '/br tag' i am good. " but it is coming like " HI,i am good. "Please...
29 May 2023 by Azliny Norman
this is a testing to see line break. I need this for the development of my project. please help me. I need more clue
28 May 2023 by Josh Mitchell
Hi all, I have what I hope will be a simple problem to solve. I am attempting to edit the details of what types of files can be uploaded in an online form that's jQuery-based. I'm sorry if I'm missing something obvious - I've looked at many...
28 May 2023 by Andre Oosthuizen
You can do this within your file input element - or you can use it in a script - $(document).ready(function() {...
25 May 2023 by Member 10727328
var objData; var objLinks; $(document).ready(function () { gantt.init("gantt_chart"); loadData(); }); function loadData() { var url1 =...
23 May 2023 by Andre Oosthuizen
Two things I picked up on = 1. The validation rules you defined in the jQuery are incorrect. There is no "name" or "phone" validation methods in the jQuery Validation plugin. 2.The success function in the jQuery code is incomplete. You need to...
23 May 2023 by Gcobani Mkontwana
Hi team i am using jquery plugin to validate the form and cdn libraries are used to do this, but the problem now the form is not validating and yet while debug there are no bugs. what could be the reason for this? What I have tried: form...
23 May 2023 by Josh Mitchell
I'm following behind another coder and have never used jQuery's Datepicker before, and I am somewhat lost... and not very good at this in the first place. I've been asked to disable all Sundays in Datepicker so people can't select those days for...
23 May 2023 by Richard Deeming
As already answered here[^], you need to use the beforeShowDay property: beforeShowDay | Datepicker Widget | jQuery UI API Documentation[^] You were close with your final code block - you just need to add the callback to the initial datepicker...
22 May 2023 by FRS4002
I have a navbar with this code: ...
22 May 2023 by Andre Oosthuizen
From your css file, a few changes that is needed, I did not test but this should work - /* For screen sizes up to 768px */ .dropdown:hover > .dropdown-menu, .dropend:hover > .dropdown-menu { position: block; margin-top: .125em; ...
19 May 2023 by Andre Oosthuizen
You made a call to 'load_cart_item_number' twice which is why you are doubled up on the count... success: function(response) { $("#message").html(response); window.scrollTo(0, 0); load_cart_item_number(); //CALLED...
19 May 2023 by Gcobani Mkontwana
Hi Team There is an issue on my cart, the problem is when i add 1 item the cart holds to have 2 item instead of 1. How can i resolve this issue? What I have tried:
17 May 2023 by Bhargav Technical Lead
Angular migration to version 16
16 May 2023 by Gcobani Mkontwana
Hi Team I am stuck and need some help, basically the logic is when clicking add to cart button must add that item to the cart. The issue now when debugging on the server side i am getting 200 status but on the client side. Its giving me failed...
12 May 2023 by grs5211
I have an old on site CRM system (not Dynamics 365) and need to get the users roles. Here is one of them. All it returns is a list of all the entities, the the user roles. On on site restBuilder would certainly help. function...
11 May 2023 by Gcobani Mkontwana
Hi Team I have a cart each time when a user add an item it first default to 5 instead of 0. Yet when it increase its doing the opposite like 5, 4, 3 ,3. and the quantity remain the same and price e.g 150 not changing. How can i fix this on my...
11 May 2023 by Gcobani Mkontwana
$(document).ready(function() { // Add to cart button click event $('.btn-plus').on('click', function(e) { e.preventDefault(); var quantityInput = $(this).closest('.quantity').find('input'); var quantityValue =...
7 May 2023 by Gcobani Mkontwana
Hi Team I have 2 category list one is for price and second is for colors. The problem is my logic checked for selected one to be independent from one another somehow this is not happening. Instead of selected category(price) the other category...