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.

-1
votes
0answers
4 views

How do I display a div over a div then disappear after 10 seconds?

I have a SWF file that I play on my website. But before this SWF plays, I want to play another SWF file before it. It's about 10 seconds. So I have a two DIVs: one containing the SWF file that I want ...
0
votes
0answers
5 views

Animate element keeps pushing other elements

So I am having this issue where my social media icons animation keeps pushing other elements. I tried applying padding but it kept subtracting the the icons. I've tried box-sizing: border-box, I've ...
0
votes
0answers
8 views

How to pull specific data from a json file in php to submit inside mysql

My json file gets inserted into my php file from jquery Then I want to use php to send the json contents to mysql My json file consists of a question answer format/ the name of the question and the ...
0
votes
1answer
19 views

Reset style properties

I'm setting properties of the :root pseudo class in this manner: $(":root")[0].style.setProperty(variable, value); If I wanted to reset all the properties precedently set, how can I do? Without ...
0
votes
1answer
5 views

Having trouble getting Bootstrap datepicker to display

I am trying to incorporate a bootstrap date picker into my HTML form, but it isn't working as expected. Here is my code: <div class="submit-row"> <form enctype="...
0
votes
2answers
14 views

PHP dynamic list retrieval returning Undefined index

I've been testing and playing around as part of personal practice, however, I got stuck in the below point where I want to add a list of items via javascript and upon submission, I want to verify and ...
3
votes
2answers
34 views

A bizarre glitch when animating a flex box-based progress bar

I am trying to learn flexbox by implementing a progress bar. Everything works fine until i try to animate the thing with jquery... Animate does not seem to work well for the right half after the ...
0
votes
2answers
29 views

How to parse a JSON data that has been received by a PHP scipt

I have sent data from my php script using `json_encode' function. if I console.log(resp) below is the O/P I get. data: "{"dept_name":"IT","city_name":"Mumbai","emp_id":"#AC001","emp_name":"Akshay S. ...
-2
votes
1answer
23 views

Changing custom css variable value with jquery

I'm trying to update the value of a css custom attribute (an html color value) This works $("#myDiv").css(" background-color", valueSelected); But this doesn't $(":root").css(" --main-style-...
-1
votes
1answer
16 views

Changing table rows depending on 3 selectors

Depending on the value selected with the 3 selectors I only have to display the rows that contain those values selected earlier at the same time. I currently have this and it works for one selector. ...
0
votes
0answers
10 views

How to fix this glitch and white bar in css loader

I'm using this css loader with two parts of animation, but I got some issues for both of them. One is for the image rotation part. In some cases such as when you reload the page, the images get ...
-1
votes
2answers
29 views

How do I control a CSS property using a HTML range or number input?

The project is a .gif image moving from left to right with the parameter of left: 0% : left: 100% in CSS. The end result is an input form in which an input text is 1 - 100 and will move a guy from ...
0
votes
0answers
9 views

How to create slide effect on button when clicked on one from another

I want to know how to create slide effect like website stripe.com on buttons or tabs Here is My design Front end Code <nav id="sw-nav-developers" class="nav flex-md-column justify-content-...
0
votes
1answer
15 views

How can I use ajax.reload with jQuery datatable

I have a requirement to make a search form that will call a web api and populate a jQuery DataTable when a button is clicked. I don't want to load the form until the button is clicked so I have a ...
0
votes
0answers
23 views

Cannot access function variables placed in fancytree source nodes from it's activate method

If my fancytree has a source configuration as: source: [{ title: "Item1", key: "1", myFunc: function (item) { ...
1
vote
1answer
19 views

Getting data from Dark Sky API using handlebars, issue with routing

I have an issue regarding the script which helps me get the data from Dark Sky API. I am developing the app in node.js using handlebars. I am trying to get just some specific data from the forecast ...
0
votes
0answers
6 views

iframe youtube videos automatically refreshes

I have created a newsfeed of different social media sites https://bdranking.com When a user scrolls down it shows 5 new posts. Unlike Instagram and Twitter, it automatically refreshes all the iframe ...
0
votes
2answers
10 views

Django Ajax form submission get 500 Internal Server Error: TypeError at /articles/test_1 get() got an unexpected keyword argument 'id'

Currently I'm trying to realize "Add comments" funtion for my website through ajax submission. But I always get 500 Internal Server Error when I submit comments. I checked Chrome console and found it ...
0
votes
2answers
29 views

How do I make a div covering an iframe fade on hover making the iframe clickable?

I'm working on an overlay on top of a full-frame google docs iframe. I want the top section of the docs to be covered by an 100% width div which fades on hover, revealing the docs options which become ...
-1
votes
1answer
15 views

Not getting the expected result while using the .each() function

I am currently writing a js script in order to fetch DOM elements and push them to my database. Basically, I would like to fetch the price, the name and the url of the products of my shopping cart. ...
0
votes
0answers
4 views

Tablesorter link-filter upper and lower case issue

On the tablesorter I use a link filter that works very well. Now I have add Exact match only. filter_functions : { // Exact match only 1: function (e, n, f, i, $r, c, data) { return e === f; ...
0
votes
1answer
18 views

Jquery tab - add a class when active

I'm trying to edit this: http://jsfiddle.net/rohankumar1524/HznC9/3/ As you can see the code add the class "current_tab" at "ul.tab_nav li a" clicked. I need to add this class at "ul.tab_nav li". ...
-1
votes
0answers
4 views

2. List out all department name Answer should display here ( comma separated) Answer should not be repeated. It should be like Tech, Crm

I have an array that is associative and I want to List all Departments separated by comma but the Department should be only once var employee=[{"firstName":"Zahir","lastName":"Alam","Age":25,"...
-1
votes
0answers
6 views

document.execCommand('insertOrderedList') types

When the text is selected is there a way to have the order list A, B, C instead of 1, 2, 3 similar to how the html markup is done? <ol type="A"> <li>first item</li> <li&...
0
votes
0answers
11 views

Got error while try to use intl-tel-input liberary for country code

I want to validate mobile number worldwide,so i have search a lot and finally get intl-tel-input library to perform this task easily. i m using this from GitHub, all thing work fine. Problem is that ...
1
vote
2answers
14 views

Is there a better way to use jquery to set the last radio button in a group to 'checked'?

Is there a better or more preferred way to auto-select the last radio button in a set (there are 4 buttons), using jQuery? $(':radio[name=filter_option]:nth(3)').prop('checked', true); This works, ...
1
vote
1answer
26 views

How to focus on a range slider using Javascript?

I would like to be able to focus on an input element of the type 'range', in other words, the default slider, so that the slider could be dragged without the user actually clicking on it. The obvious ...
1
vote
2answers
37 views

jquery onclick event doesn't work for link

i have a script on top of my jsp page just before </head>. everything works as expected except onclick event for <a>. this is my code: $(document).ready(function () { $.ajax({ ...
1
vote
0answers
7 views

How to convert jquery animation to movie or gif format?

How to convert jquery animation to movie or gif format ? Animation and screenshot functions call or too slow. Help me please Animation Function function resim1(){ $("#resim-1").animate({ left: ...
0
votes
2answers
17 views

Multiple checkboxes with Ajax strange behavior

I have a form with many checkboxes, and a PHP page is called for updating the database on each click. HTML <form> <input type="checkbox" name="status1" id="event_status1" value="1" > ...
0
votes
1answer
15 views

How to collect selected dropdown text with Javascript DOM?

Using Bootstrap 4 example html below, how can I extract the text from selected dropdown menu option with JS DOM or Jquery? <select class="custom-select" id="inputGroupSelect01"> <option ...
0
votes
0answers
8 views

open modal at the bottom of element that opened it

I have a modal and a p to open it. <div class=""> <div class="modal fade" id="post_wall_feeling_modal" role="dialog"> <div class="modal-dialog" style="width: 500px;">...
0
votes
0answers
16 views

Is there a way to keep external websites through the object tag contained in a div/panel?

I currently have a system setup where when I click a button on my website, a JQuery UI panel pops up and loads an external website (google docs, drive folders, etc). However, if I click a folder or ...
0
votes
2answers
17 views

Restrict Maximum Elements inside Div - FIFO Streaming Data

My scenario is I am streaming data into rows to display inside a div. So for each line I receive I am creating a span, then appending it. However I wish to restrict the div to a maximum of 100 lines ...
0
votes
1answer
22 views

how do you store 100s of different select names and their selected options in a object as a key value pair

I have a table of dynamic data which is echo'ed out on the webpage in a table format as shown in the picture LINK FOR THE IMAGE: https://ibb.co/RCYwchv so the table will have a lot of select tags ...
2
votes
2answers
22 views

Removing classes defined by a jQuery attribute selector from the results of a jQuery attribute selector

Basic problem, I just want to target all classes that end with a specified string on all elements of a class that ends with a specified string, and remove those classes. This code doesn't work, but ...
0
votes
3answers
38 views

Select first and last element of sequences with specific class in CSS

I have a lot of divs having class line with strong.datum element within. I would need to highlight first and last element of each sequence with class .active. If it is not possible to do it with CSS, ...
0
votes
0answers
14 views

Bootstrap 4 horizontal centered sub navigation on hover

I need help modifying the behavior of the standard Bootstrap 4 dropdown navigation menu to do the following without duplicating navigation elements. I have been able to show sub-navigation items on ...
0
votes
1answer
10 views

can I run a taffydb query ignoring case without combining it with like

I want to run a case insensitive query using TAFFYDB (upper/lower case). It appears that likenocase combines "like" with "no case". In other words, if I'm querying for "bm", I want BM,bm, Bm, bM. What ...
0
votes
0answers
11 views

Checking length of textbox after autofill

I am using a combination of CSS, HTML + C#, and Jquery 3.1.1 on a log in page sourced from this bootsnip. I am trying to enable/disable the login button based on whether or not the user name and ...
0
votes
0answers
23 views

Troubleshooting issue with visibility of jQuery Accordion icons

I am building a portal in our intranet (SharePoint) environment, which makes use of jQuery accordions (we've used them in other sites and have had no issues) with minimal configurations, but in this ...
0
votes
0answers
16 views

How can add css and remove css for each element in menu

I have menu slide, that each li i need add translate3d like this menu in mobile https://www.micai.aristidebenoist.com. The menu code is : <div class="menu-trigger">Menu</div> <ul id="...
-1
votes
1answer
39 views

Getting “Uncaught reference error: $ is not defined” - scripts are loading in correct order - and works from console [duplicate]

I'm getting an Error: "Uncaught ReferenceError: $ is not defined" when trying to use $('#someid') within my custom js code within an electron app. The scripts are in the correct order in my html ...
0
votes
1answer
21 views

How do I reload the datatables when I click the button?

I have button "add data", When "add data" is clicked, the datatables will increase in data. but it hasn't been loaded automatically (still reloading manually). how so if the "add data" button is ...
-1
votes
2answers
36 views

How do I call a function inside jQuery

There is probably a very simple answer to what would seem and should be so simple and routine. From within the $(document).ready(), I want to call a function with a jQuery object - and SPECIFICALLY, ...
0
votes
1answer
35 views

counter variable inside a setInterval function doesn't work

I have set one scroll-counter variable(it counts the number of scroll occured) inside the setInterval function which increases by 1 every-time the setInterval function is executed(the setInterval ...
-2
votes
1answer
46 views

Detect Window Close with JQuery or Javascript AJAX request

I want to get an Update about this topic. I find many posts here on how to use unload() and onbeforeunload events, but there are not working for me. I try putting inside and outside $(document).ready(...
0
votes
0answers
12 views

How to force jQuery UI slider 2 decimal places?

I'm using the jQuery UI slider with the following code below: function interestslider(){ /* INTEREST RATE SLIDER */ $("#interestRange").slider({ range: "min", value: 1.00, ...
0
votes
2answers
29 views

Is there a way to execute a JavaScript/JQuery function on my html page for a specified amount of time then stop the execution?

I am employing a ripple effect on a background image of a web page. As it sits right now, the effect is present on page load and creates ripples in the background as a user moves the mouse cursor. I ...
-1
votes
2answers
23 views

Jquery, is there a way when the page that contains a specific id, the jquery function is triggered?

My goal is to trigger a jquery function when the page contains a specific id. Or is there a way that the jquery triggered when it reads the last 2 url segments? Question 1 HTML <input type="...

http://mssss.yulina-kosm.ru