Category "jquery"

How to submit the custom form data in database in WordPress without plugin using ajax?

I have a created a contact form in the function.php and added short code on my page and it's working. I am getting my form. function st_contact_form(){ ob_star

jquery submit() function does not work with invisible reCAPTCHA

I tried to use jquery function submit() to alert something when the form submitted but nothing happened. However if I removed the google invisible reCAPTCHA cod

Bootstrap Datetimepicker - Disable decades view mode

When the user clicks on the view header multiple times the expected behaviour is: days -> months -> years -> decades. I need to disable the decades vi

How to use addClass and removeClass repeatedly on a single element?

So what I want to achieve is just change the classes of a HTML link on every click like this: Remove .first class if it is present, then add .second class Remo

How to set color area when value less than zero use Apexcharts

This is my script options, use apexcharts chart And my script var options = { series: [{ name: 'Prof

Getting Jquery and Bootstrap to work with Rails 6

I am a new to rails and struggling to get Jquery and Bootstrap to work with Rails 6. I think it has something to do with switching the app from rails 5 to rails

How to load a javascript module with jquery

I'm loading a javascript file using jquery with the usual: // file application.js $.getScript("module.js", function(data, textStatus, jqxhr) { ... }); So far

Execute only one time and then wait set period of time before executing again

I am trying to make a pop up execute only 1 time for a user every 30 days. Currently the pop up is being executed in an infinite loop. Every time I trigger it e

Disable slick slider when viewport is less than 481px

I have a while loop that display posts using the slick slider multiple items format. This displays and works with no problems. I want to be able to 'disable'

Datatables, initComplete - select on header, not footer

I have this code: initComplete: function () { this.api().columns().every(function () { var column = this; var select = $('<select style="wid

Setting query string using Fetch GET request

I'm trying to use the new Fetch API: I am making a GET request like this: var request = new Request({ url: 'http://myapi.com/orders', method: 'GET' }); f

What is the meaning of onsubmit="return false"? (JavaScript, jQuery)

I know that the onsubmit event occurs when a form is submitted. Generally, we are calling a method on the onsubmit event, like <form action="" onsubmit="myfu

Bootbox does the same for "ok" and "cancel" callback. It does the same for prompt as well

Bootbox closes and stays on the same page. It should redirect to a different page onClick and "ok" after that. It is an MVC application and redirects to Index a

Select2 not working correctly when options in the dropdown are being enabled or disabled

I'm using select2 for a dropdown so the use could add new tasks for a project. When the task is being selected - a row in a table is being added and the option

Contenteditable div with selectAll on focus not working entirely

I have some divs in a table like this one: <div contenteditable="true" onfocus="document.execCommand('selectAll',false,null)">Something</div>

Uncaught TypeError: $(...).tooltip is not a function error

I'm trying to use this code with those tooltips. In this link: Code with tooltip. In fact I just copied the whole code but it's now working. I get an error tha

Insert/Edit link modal text fields can't be focused TinyMce Wordpress

I have a TinyMce instance inside a bootstrap Modal. When i click the "Insert/Edit Link" button, the modal opens correctly but the text fields are not focusable

Create OTP form. input field to be appear as separate input fields on screen

I want design something like in the Image, where a 6 digit one time password (OTP) is to be entered by user. Right now I have achieved this by 6 separate inputs

Dropzone js: Add previewElements index number as id

Is there a way to use the index number of preview element within the template code so I can add sequential id's(id="item-[1,2,3]") to each time the template is

How to handle bootstrap tooltip with zoom out code?

I have used zoom out(Scaling) code for increasing the area of my template. And I have used tooltips on button but due to zoom css code, the tooltip is misplace