Category "jquery"

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

"Mixed content blocked" when running an HTTP AJAX operation in an HTTPS page

I've a form which I'm submitting (through GET as it is required this way) to a crm (ViciDial). I can successfully submit the form however if I do that the proce

change font family in datatable

I'm a beginner in java, How can I change the font family of all texts (header, footer and body) in a datatable? I found nothing about font family in datatable

Issue with triggering the submit function with included js file

I'm have a problem triggering the form submission. I am setting the form into <div id="access"></div> innerHTML using the included js file in the he

How to submit a form when page loads using JavaScript?

I know this question has been answered many times but in my case the JavaScript code creates a infinite loop which makes my page load continuously, <script t

Javascript form success

I can't seem to get a success message to pop up with my form on my site. The message gets received but no indication is giving to the user via alert as it's mea