Category "jquery"

Recaptcha onclick event

I want to fire a jQuery event onclick when the user selects the recaptcha checkbox. This is the code I have: <div id="reCaptcha" data-sitekey="XXXXX"><

How to display OpenWeatherMap icons in weather application?

I'm trying to display weather icons from OpenWeatherMap in my weather application using JavaScript. I've tried using jQuery and other solutions I've seen online

How to select and manipulate specific <li> elements present with pseudo-elements such as ::marker, ::before using javascript

I'm looking for a way to access the <li> elements present with pseudo-elements such as ::before and ::marker using Javascript. So far I'm not able to writ

How to change sticky element depending on scrolling through several section on JS/jQuery?

I need to change the sticky image (by changing class or changing URL attr) while scrolling past several text sections. Asana on their home page has an exact exa

Return to same tab after form submit laravel 8

I have a view with multiple tabs. Each having different forms. When I submit a form from one tab, it returns to same page but primary tab. How could I get to re

JQuery content editable div and text box on submit not sending POST

I have a website where you can edit and format text, then you can save it on to the server. I am using jquery to send the data to a PHP page where it will be sa

Fullcalendar - Content are badly positioned When a calendar is on a tab

Reduced Test Case Just click on the second tab to display calendar in snippet. document.addEventListener('DOMContentLoaded', function() { var initialLocal

How to properly load JQuery Objects from Node Modules?

I am working on the simple NodeJs App. While working with Frontend, it correctly loads all NodeJS modules related to JQuery, but when I am going to make a simpl

Most efficient way of showing or calling repeat/duplicate HTML?

I have five div elements containing the same six images. Only one div is shown at a time (others are display:none) but all are on the same page. Basic example:

Trigger button click event of a Vue.js application programmatically in a Chrome extension

I am developing a Google Chrome extension. There's a third party website that is developed in Vue.js. I need to trigger a click event of a button on a page. But

openlayers map.updateSize when the width of the map changes

when displaying a side panel, I would like the proportion of the map to be kept inside the new div width (or height). There it is simply reduced, which affects

cakephp save drag and drop list order to database

I have a list and I want to let users reorder the list. For the front-end functionality, I am using UIkit. The list can be reordered on the front end up but I a

how to loop through json response data using ajax jquery?

I'm trying to loop through a json response with ajax jquery but I can't display the result. Here is the code Im using: data.php function platformsList(){ $q

Dynamically loading multiple FilePond instances

I have a page where multiple input file fields are dynamically added to the DOM, and each should be converted to a FilePond. Here is a Codepen to simulate my i

How to show div only after all the image inputs loaded?

I want the div "container" shows only after all image buttons in the div "inner" fully loaded. Or outer_1 and inner_1 show together after 1.jpg is loaded. <

How to get the value from each drop down in a dynamically generated table

I have dynamically added rows to a Table and inside table I have filled up a drop down, but I am not able to get the selected value of drop down list. I tried t

how to scroll to top automatic when closing a div with toggle()

I have a issue with scrolltop. I have a div which slides down and up with toggle(). This div is pretty long with lots of content and its height is set to 300px.

jQuery .hide() button when another button active

I have a "Load More" button that has a class named .btn.btn-primary.ng-scope. When we have some items to show and class .btn.btn-primary.ng-scope.ng-hide when a

How to search nth child alone in jstree

I want to search only 3th child in jstree. I tried $('#userlogs li>a ').find('span:third-child').jstree('search', searchstring) - this is not working. In my

How to Display Data in Yajra Datatables Laravel 7?

I want to display data in Laravel using Yajra Datatables, but the problem is that the data can't sync yet. If I do Dump and Die dd($orders), the number of dat