Questions tagged [jquery]

jQuery is a Javascript library, consider also adding the Javascript tag. jQuery is a popular cross-browser JavaScript library that facilitates Document Object Model (DOM) traversal, event handling, animations and AJAX interactions by minimizing the discrepancies across browsers. A question tagged jquery should be related to jquery, so jquery should be used by the code in question and at least jquery usage-related elements need to be in the question.

Filter by
Sorted by
Tagged with
0
votes
1answer
14 views

addClass to jquery-asProgress.js when value is 100%

I'm using the library "jquery-asProgress.js" to produce 100% complete bar graphs. Library can be found here: https://github.com/thecreation/jquery-asProgress I'd like to have the bar change color ...
0
votes
0answers
7 views

Toggle dynamic items from server generated list

I have created a dynamic list using escript and need to be able to toggle each section. At the moment, if I click the first element, all subsequent sections open or all sections close respectively. ...
1
vote
3answers
28 views

activating checkbox on load with javascript or jQuery

hello I have a small project I'm working on. the project is calling an API with ajax and getting info about currencies, one of the things I'm stuck on is that I have to write them in cards that ...
1
vote
0answers
19 views

PHP AJAX HTML: changing unique table data in foreach loop

I'm new to PHP and Ajax. I am trying to create a table of object data where I can select the displayed data based on a <select><option>... form. I have a PHTML template which looks like ...
0
votes
0answers
12 views

CORS Error Using Spotify API Implicit Grant Flow [duplicate]

I'm getting a CORS error when I try and get an access token to the Spotify API. I am following the implicit grant flow protocol outlined in their tutorial. I am using a simple jquery get call to the ...
0
votes
0answers
8 views

Coloring Each Materialize.css Collections Action Differently

I'm currently using Fylipp's Materialize Collection Actions, and as the title suggests, am trying to color different actions in my collection items differently. I wrote a script (see the first of the ...
0
votes
0answers
9 views

Apply CSS for page division to data-role=“page” in jquerymobile

I want to apply CSS for page division to div. I am using jquery-mobile, data-role ='page', but I am not able to do it. I am attaching picture also1
0
votes
0answers
8 views

Non-repeated element inside KnockoutJS foreach loop

I am trying to create a knockout.js component (with CSS3 grids) that displays a bunch of sub-components, which I know can be done via something like: <div class="items grid" data-bind="foreach: { ...
1
vote
3answers
33 views

Cannot cancel form submission in jquery

I am trying to cancel form submission after button click. When button is clicked i get some information from check-timetable-timing-conflict with json. So i decide to cancel the form submission if the ...
0
votes
1answer
15 views

List most recent videos from Youtube channels, code works but Youtube Data API daily quota fills up WAY too fast?

My code below works, but why does it fill up the Youtube Data API's daily quota (10k queries) really fast? I'm a total javascript noob and I can't work it out. Every refresh of a browser seems to ...
1
vote
1answer
35 views

is there a way to keep the active class on selected button after page refresh(submit button clicked)

I have two buttons that shows and hide inputs when selected MY CODE <form method="post" action=""> <div class="btn-group btn-group-toggle" data-toggle="buttons"> <...
0
votes
0answers
11 views

Bind IEnumerable property of class to kendo mvc grid column

Let's imagine that we have a sample class looking like this: public class ExampleDto { public IEnumerable<PersonDto> Persons {get; set;} public string Title {get; set;} } View model ...
0
votes
1answer
13 views

jQuery Object rewrite itself at the second turn of loop

I have an object with 2 rows of 4 inputs like color, size, price and quantity. I want to put it in one array or json object like: {"0":{"color":"black","size":"S","price":"10","quantity":"15"},"1":{"...
0
votes
0answers
11 views

How to display related card products via slick slider in woocommerce?

How to display related card products via slick slider in woocommerce? It seems to have written everything correctly, but the slider is still crookedly displayed and for some reason 1 slide each. I ...
0
votes
0answers
12 views

Problem with WebPage division while suing jQuery and jquery css

I am facing problem in webpage division by height and width respectively. In my code, I am also using jquery-mobile code and its CSS file. If I remove the jquery-CSS file it is fine, but with it, the ...
0
votes
1answer
17 views

fitty.js only applying to first class element

I'm trying to create a fading slideshow of images which play on loop. Each image also has a caption with it that I have applied fitty.js in order to fit each caption to the width of the container. I'...
0
votes
1answer
45 views

How to execute for all possible combinations?

I've got this code below that generates a random 5-character code. For example AU330, UEEHB, 2EH8D HJ1LM. function makeid(length) { var result = '' var characters = '...
0
votes
0answers
32 views

Keyup not firing in IE but working in Chrome

I have the below code with which I am basically syncing textbox value changes across various fields sharing the same class name. The issue is that this is not working in IE but working in Chrome. Can ...
0
votes
1answer
8 views

SharePoint 2013 REST API Query Throws an Error Every Time I Try to Set a Variable to a Returned Value

I'm working in SharePoint 2013 using REST API to retrieve information from a document library called "Test Data Request" (internal name Test%20Data%20Request). I've created a basic REST API query to ...
0
votes
2answers
20 views

checkbox adds value to the next input in a table

I have a table with a field for default quantity. I then have dozens of rows of items, if a user clicks checkbox, i want to take the default value and add it to the qty input of that row. <tr> ...
0
votes
0answers
11 views

Circular Rotating Menu - problems with clip path on Safari

creating web site with circular rotating menu, it's work great on chrome, firefox, opera, but got some problem with safari. Main thing is that safari is not supporting clip path, so do you guys know ...
0
votes
1answer
28 views

Cannot edit global variables from post function

I am sending a post command to the webserver hosting my HTML file and I am using jquery to do so. When I try to read the global variable with alert() it says 0 but in the returnData function, it ...
0
votes
0answers
34 views

jQuery Scroll Animation: once I scroll the functions fire off

I am using https://daneden.github.io/animate.css/ and am trying to implement scroll animations once the element is in the viewport. The code I have to detect whether the element is in the viewport is: ...
0
votes
1answer
19 views

Js/Jquery injection script for swagger not running on IE11

I'm having problems with this code not running on IE11 and I cant figure out what is wrong. I'm totally new to both java scrip and Jquery and this is an extension script for my swagger in Net. Web Api....
0
votes
0answers
21 views

Place Youtube Video in center in Full Screen owl-carousel

I have an owl-carousel with a three-part slider. I want to cover the entire area of the slider item with the video. Notice the black borders on the sides of the video in my code pen. My codepen is: ...
0
votes
0answers
19 views

.on('scroll') stops firing after usage of replaceWith() method [duplicate]

I'm trying to load more messages from database after I scroll to the top of the div: $('#chatbox').on('scroll', function(){ console.log($('#chatbox').scrollTop()); if ($('#chatbox').scrollTop(...
0
votes
2answers
34 views

How to remove specific value from div section using jquery

I have created a div where it contain dynamic labels. I am trying to remove specific value from div section using jquery.I have declared variable which conatin the string if the string matches in the ...
1
vote
0answers
25 views

convert utc time to localtime in different browsers

Converting UTC time into local system time is not working in Firefox, but it's working in Chrome. var utctime = '2019-12-09 05:33:48'; var localtime = moment.utc(utctime , 'YYYY-MM-DD HH:mm:ss')....
0
votes
0answers
13 views

Trying to hide field in New/Edit form of Sharepoint list based on currently logged in user belonging to a Sharepoint group

Using Sharepoint online. I am using following code to hide fields through JS: <!-- jQuery Reference. You can refer it from Layouts Folder/Doc Library too, after uploading the script. --> <...
0
votes
0answers
11 views

Thumbnail Navigation not working in Chrome

I'm using FancyBox. In Chrome for Mac & PC, when clicking on first and second thumbnails, the relating picture doesn't load. This happens on all of the galleries we've built so far. Works as ...
0
votes
0answers
20 views

Start an animation with delay or scroll

I currently have a website with animation that start after 5s (with the use of the JQuery delay function). My problem is that I'm trying to add also the possibility to start these animations on scroll ...
0
votes
0answers
58 views

Get value from an input with Jquery

I have found a lot of answers to this type of question but none are solving the problem. I even have a very similar piece of code that works. However, this keeps giving a NaN. I have narrowed it ...
0
votes
1answer
30 views

Cannot align a portion of text in a UI Tooltip?

I have a Jquery UI Tooltip which has multiple rows of data. Each row has 2 separate pieces of information that I want to align separately to format nicely. The name on the left side I want to align ...
0
votes
0answers
12 views

Add button below each image in BaguetteBox

I have an lightbox image gallery using BaguetteBox. I need each image in the gallery have a download button below just like this: Here is my code: HTML: ` <div class="tz-gallery"> <...
0
votes
1answer
39 views

How to break down a full name into parts and insert them into multiple forms?

I have a form that allows me to select [select form] a student's name (full name). I want to break down the full name into parts (first name, last name) and insert them into a form (hidden), then ...
-1
votes
0answers
6 views

CkEditor 4 - Lite plugin(Track Changes )

I'm using CkEditor 4 and Lite plugin for track changes in my application and trying to make the plugin to track only text changes in the editor and ignore when ever image is inserted to ckeditor(eg ...
0
votes
1answer
15 views

BxSlider in React.JS component

I am trying to run bxSlider in a React Component. Have installed jQuery in the project imported jQuery in the App.js file. import $ from 'jquery'. Followed this for installing bxSlider via npm. Step-...
0
votes
1answer
44 views

“Stop” a css transition mid-click

I have a toggleClass applied to a button on click. The button rotates and fades and has a duration. If you rapidly click the button it'll cause the rotation to go out of sync. Usually to handle this ...
0
votes
3answers
42 views

How to scroll down to specific option in a select element?

What I am trying to achieve is when you click on the dropdown menu and all the options are displayed, automatically to scroll down to specific option (which will be determine prior that), but without ...
0
votes
3answers
45 views

Search HTML Table with Rows in groups

I have a table shown below, but whenever I search for a cell, the left most column disappears because I used one and spanned it over multiple columns to give the merged field look. Is there a way ...
0
votes
1answer
43 views

SQL SET not always working with jQuery ajax and PHP [closed]

I have an html table that gets its values from a mySQL database. Whenever data is changed in the html table it updates it in the database through jQuery ajax and php. Each row has a delete button that ...
0
votes
0answers
10 views

CKeditor5 caret keeps focusing left but I want it after the text

I am trying to code it so that there is a click outside of ckeditor to insert text into the editor. I am using below. if (editorInstance) { editorInstance.model.change(writer => { ...
0
votes
0answers
31 views

Best practice for doing an operation from another input?

I am writing an application that should do a certain function once it receives data from an input field. I am using Spring Boot, Thymeleaf, and Bootstrap. I was told the proper way is to receive the ...
-1
votes
1answer
41 views

Why my ajax function isn't asynchronous and refreshes the page? [duplicate]

what i'm trying to do here is having a button on my page that alert some data without refreshing the page (the data is a password that's why i don't want it to be written in the code). My actual page ...
0
votes
1answer
21 views

Jquery Autocomplete Load Data at once ($.ajax vs $.get/$.post)

Somebody please help, really curious about this. I want autocomplete only get data source only once at page load. I've tried two ways. First, with $.ajax(GET/POST) and it was successful $.ajax(...
1
vote
1answer
24 views

Getting the (final) height of an element while its dimensions are being transitioned via CSS

When requesting the dimensions of an element currently in a CSS transition, jQuery will return the current value of the element's height at the given time of when the dimensions are requested. While ...
1
vote
1answer
48 views

Setting a different background colour behind the content of a dropdown menu

THE AIM I would like that when the dropdown is opened (toggle-content is active) the background, apart from the header, would have a different colour and the user wouldn't be able to scroll through ...
0
votes
0answers
54 views

Cannot use import statement outside a module in javascript

I was going through this tutorial and the person got there canvas to be black, when I did it, and I did actually what the person has done, nothing happened. So I kept looking seeing what was wrong. ...
-2
votes
0answers
23 views

How can I disable ALL events on a dropdown menu?

I just want to get rid of an annoying dropdown menu using a TamperMonkey or Stylish script. function(a) { if ($(this).attr('id') == 'top_menu_wrapper') { $('#top_menu_wrapper').css('top', '0'); ...
0
votes
1answer
16 views

Jquery draggable decide how far I can grab

I am trying to understand jquery draggable interactions, my goal is to be able to move the text only to the right 200px then stop and not to the left from it's normal position, but if it's dragged to ...