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
2answers
19 views

html css jquery modal doesn't open in browser

I am trying to create a modal window when a button is clicked for registering users.I don't know what is wrong. The button gets clicked but modal window doesn't open. My code is like this <...
0
votes
1answer
28 views

jQuery click event does not fire function the way it should

There is a great chat example on css-tricks that I think is great for beginners in PHP. (https://css-tricks.com/jquery-php-chat/) As I'm looking at it, I notice there is no send button. This is pretty ...
0
votes
1answer
15 views

How to Image Crop And upload to Folder And Save Name in database Using Ajax And Jquery In Php

I want to crop And rezize Image and Upload In Folder For user registration and profile updations.Upload and Crop Image using PHP and jQuery. HTML Form with Image Upload Option with JQuery Croppie ...
0
votes
0answers
17 views

Datatables(): ordering + pagination with Ajax + Mysql

I am struggling with Datatables() using AJAX to pull data from a MySQL table running my PHP script. I understand that Datatables() comes with several features including sorting, pagination, etc, all ...
1
vote
3answers
36 views

How to detect changes in input text field and enable save button

I am trying to code a function where it detects changes in the text field and enables the save button. This is running in Visual Studio 2017, HTML , JavaScript (function () { var ...
0
votes
1answer
30 views

Add missing keys, values and data to json object

I have a large piece of json data that dynamically change but. Each JSON Object has a date, site_nm and more values. The dates dont match for all. The distinct dates in this dataset are: 2019-10-01,...
1
vote
1answer
28 views

Illegal Character. At line '4' position '6' JavaScript Error

I've been trying to minify one of my script and all the minify tools that I've tried gave me this error. Error I get on Minify Tools: Illegal Character. At line '4' position '6' This is the code ...
1
vote
2answers
23 views

Hide element on all click events even when clicking on an element which has stopPropagation

I have an element which I need to hide when clicking anywhere on the page, even on elements which have e.stopPropagation(). I've tried $(document).on("click",function(){ $("#mydiv").hide(); }); ...
0
votes
0answers
16 views

jQuery AJAX not received at PHP server in Firefox and Safari

For a frontend HTML5 application, I'm using jQuery 3.3.1. API is php 7.1.23 and laravel 5.1. I'm able to send jQuery $.ajax requests to my API without issue in Google Chrome (ver 77.0.3865.120), but ...
0
votes
1answer
13 views

Is there a way to remember the clicked state of one of numerous buttons after navigating away from the home page?

I have a dropdown menu which contains numerous buttons. And when one of these buttons is clicked, it changes the page's overall background image and two other images along with it. Each of these ...
0
votes
0answers
13 views

Is there an update function in jquery nestable?

I'm building a menu builder and I'm making use of jquery UI for sortable, but I also want nested dropdown, but jquery UI doesn't support 'nestable', though I found another library "jquery nestable ...
0
votes
0answers
22 views

When appending css to head , i'm getting error. How to fix

I am trying to append this style to head tbody{grid-column:1 / -1} caption{grid-column:1 / -1} tr{grid-column:1 / 2} CSS style is not being loaded when i try to inject into the head , i'm sure ...
0
votes
0answers
17 views

Horizontal slider navigation with arrow navigation

I am trying to create a horizontal navigation slider in a fixed header. I am a little lost on how to create the the fixed header with slider arrows. The below code shows a left and right arrow codes ...
0
votes
0answers
34 views

Showing all <div> with a certain class and hiding other <divs> with Jquery

So I am creating a twitter clone, and I am having trouble hiding all elements with a specific class. The action is done when the user clicks a username, and I am trying to hide all of the clicked 's ...
0
votes
1answer
18 views

Replace html text when it changes month to month

I have a calendar that changes month names , and its using an abbreviated Month name , aka Dec , Jan , Feb . I want to change that to full names. Is there a way to combine these functions into one ? ...
0
votes
0answers
19 views

can i use jQuery in Django framework

I'm writing a Django Full website and trying to change the element using jQuery OR JavaScript but I couldn't I want to change the total <tr> <td>{{i.itemname}}</td> <...
1
vote
2answers
32 views

Javascript Event / Sequence Question: why does this event fire?

A page in my app has some simple user preferences - for instance, "logging on/off." The page displays checkboxes...then updates them to show the user's actual preference (checked/unchecked). I then ...
0
votes
3answers
55 views

New to HTML and jquery. Having trouble getting my error messages to show

I need some help with my JQUERY validation. I can't seem to get it to show the error messages. I tried to apply the validation to the phone number, the email address, and the first name and last name....
-1
votes
0answers
16 views

Need to extract more EXIF data from a JPG file using jquery (javascript)

I have a javascript code that extracts some information from JPG files. However, it's missing one important data: Shutter Count. I'm not sure how I can add that one as well. The code already ...
0
votes
0answers
10 views

Croppie.js Image cropper adding rotate function

I am using croppie.js library for cropping the images. But some of the image when selected appears inverted. I want to add an onclick rotate function which would rotate the image when the button is ...
0
votes
1answer
26 views

Sort table containing groups using jQuery

I have the following HTML table: <table border="1" id="myTable"> <tr><td><b>Group1</b></td><td><b>Group3</b></td></tr&...
-2
votes
0answers
22 views

Display json response in codeigniter view as a table [on hold]

I have this on my controller public function view_scholars() { $query['scholars'] = $this->Home_model->view_scholars(); $response['Error'] = FALSE; $response['Message'] = $query; ...
0
votes
1answer
9 views

Popup images show up with a scrollbar in magnific-popup

I am using magnific-popup to show images of a gallery with an iframe. Popup works but images show up with a scrollbar. I have tried adding a class setting width in 100% but did not work. <...
0
votes
0answers
18 views

where to put js file on page for correct behaviour in android

On my site, I use a "back to top" button to scroll smoothly to the top of the page. My anchor is immediately after the <body> tag: <a id="button"></a> In the <head> i load ...
0
votes
3answers
20 views

Leave link when replacing text in a cell

I'm trying to replace text , but i need the links to stay intact. When i replace text , its striping away the "a" tags <th><a href="#">Leave Link</a> Oct 2019 <a href="#">...
0
votes
2answers
24 views

Enable/Disable submit button if dynamically table has no row

I have form with few fields and a dynamic table (ID- installments with "Add new Row" button. Entire form has submit button. I want to disable the submit button if the dynamic table has no row. And, if ...
1
vote
1answer
16 views

Variable gets “Undefined” in JQUERY Function

i am new to webdevelopment and atm i am trying to build a function which handels all different buttons on my Page (to call php code by post). It works fine without the switch/case (or if/else) but as ...
1
vote
1answer
13 views

Datatable datepicker format

I have a problem with multiple filtering on column start date of my table. This column is filled with row data formatted as ('dd-mm-yy'). I apply this format to my datepicker but when it try to ...
0
votes
1answer
12 views

CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension

I get this error when i try to .load() another html file into the div of the calling html file. <title>SubSuggester.com</title> <link rel="shortcut icon" href="images/...
0
votes
3answers
31 views

remove link and a portion of text

How can i remove a portion of this below <h3 class="h3-menu">Display: This Month | <a href="https://mysite.com">Full Season</a> | <a href="https://mysite1.com">ICS File Export</a>&...
0
votes
0answers
14 views

How to transfer class value from popup window to parent window using jquery

I want to get class name from popup window to parent window. I mean if my popup window show instagram page and I click on follow button then the class of the follow button will change. I want if I ...
-3
votes
2answers
24 views

Not able to sort JSON array in specific manner

I am getting this Json Array i have to sort this array like the array i have mentioned please help me to in to get that array using the javascript sort function. [{"key":"-Lp64sK3aNJ_K-jvGneA","value"...
0
votes
0answers
26 views

Is there a better way to do complex animations with start and end animations that are randomized?

In this question there is an accepted answer How to create an animation with rarity of it to appear together with animations that always appear? It contains this https://jsfiddle.net/d25kx6cj/5/ &...
0
votes
1answer
29 views

how to replace src domian tld

I need to change tld in image src and background image of div as in this example: from <div style="width: 100%; height: 100%; background-image: url(https://ap.domain.com/image.aspx?id=19393262&...
0
votes
1answer
19 views

AJAX success not render properly since second request

I use ajax to render output to below HTML element. <p class="result-box" id="result-box">The result is : <br><strong id="result"></strong></p> Everything works fine ...
0
votes
0answers
9 views

Fullcalendar: while fetching JSON data how to change event color separately for a particular event

I have this in my index.php <script> $(document).ready(function() { var calendar = $('#calendar').fullCalendar({ editable:true, header:{ left:'prev,next today', center:'...
0
votes
0answers
7 views

How to Add Image in database using ajax in mvc?

I m new to model view controller so seniors please help me in this topic. i have to add Fname,Mname,Lname and Image in database using ajax in mvc so here's my code. Index.cshtml <script> $(...
1
vote
1answer
10 views

Django and JQuery - Find and Replace Text

I want to transfer data from one tag to the other. This is how far I got: <a id="oldartist"> {{ object.user }}</a> <a id="newartist"></a> function newArt() { var ...
0
votes
0answers
10 views

AJAX Load PHP-File INTO Div Multiple Times

I'm trying to load PHP-files into a DIV through a simpe click-navigation with AJAX. When I click on #button-1 'content-1.php' is loaded inside .container - which is great. But then, when I click on #...
0
votes
0answers
32 views

I want to hide a specific navigation bar based on user role

I am having hard time hiding a specific nav bar when the user is succefully log in as admin,I want to hide the navigation bar class named "ordertrackingClass" when the user is log in as admin. here's ...
0
votes
2answers
33 views

How can I show/hide a bootstrap spinner with jQuery?

I'm trying to show a bootstrap spinner after a click on a button and then hide it after getting a response from an API (basically a loading status). My button is as follow: <div class="col-6"> ...
0
votes
2answers
16 views

Accessing element within iFrame

I need to get the current time of a youtube video I'm playing in an iFrame, but cannot access the video from my script. I'm able to use console.alert($("#player").children[0].getCurrentTime()) ...
0
votes
0answers
11 views

Unable to use touchstart event for scrolling through element

Following the W3Schools example (https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_touchstart) I am trying to enable an element to scroll. On non-touch devices I am using the following ...
0
votes
0answers
27 views

I need to add next/previous buttons to a custom post type

I have a car manager plugin installed on my website and it creates vehicle listings with a custom post type. These custom post types have two different conditions: rebuilt and repairable. These custom ...
0
votes
1answer
27 views

How to store data from ajax with webapp2(python)

I want to receive data from ajax, but I got "None" as my variable I have tried print("a") in the post function and it worked, so the function is being used when I post with ajax. I also tried self....
0
votes
1answer
21 views

Javascript Add Custom active Class inside loop

I have two loop like below you can see and need to add a custom active-numberHere class to the first image of each div with a specified number. for example, if div class number is img-4 so add class ...
0
votes
0answers
14 views

FancyTree - replace all children with new ones

I have a dynamically generated JSON Object with titles and keys. Every time a function fires, it gets passed to the tree, which "has" to update the existing stuff in the root node. I tried using tree....
0
votes
0answers
19 views

Work with SVG through an object, does not want to work

I draw prompts on an interactive map, in js a beginner, did svg at first inside the file, but later decided to output svg via object, and there are already problems, I got the object itself, and I don’...
0
votes
2answers
30 views

Dynamic appendChild inside AJAX success

I am new to web development. I have rendered text from ajax success function. I would like to add canvas under each text line. Inside AJAX success, I tried below two, texts are rendered ...
1
vote
1answer
31 views

How to get clicked element from multiple element with the same name different index index of array

I have a problem that. I have list of select option with same name but different index. I don't know how to detect element when I click into one of them. Example: <select name='contract_sides[0][...