attach functions to DOM objects using jQuery
I'd like to attach functions to existing DOM element in a web page. Is there a way to use jQuery selectors to create a set of DOM elements and append a function to them? I'm doing it in javascript now…
Woocommerce – phone mask on login page
i use script for phone mask on chekout page. On chekout page i used this if (is_checkout()) I add this mask on adress page in my account use this if (is_account_page()) I need help to add this mask on registration…
Jquery – Drag and drop, mouseenter triggered on different element
Based on some fiddle I found (do not remember which anymore, sorry), I created a "Kanban board" where I can drag and drop persons into different blocks. Its a board with tooltip/popups on the persons which is triggered on mouseenter…
Jquery – How to add CSS to a particular div class using JavaScript, even if there are multiple div classes with the same name?
I am trying to add CSS style to a particular button class. Here is the HTML: <div class="mainPage"> <div class="pageWithButton"> <div> <a href="" title="Learn more" class="btn btn-default" role="button" target="">Look up <i class="fas fa-search"></i> </a> </div> </div> </div> Here is the…
Jquery – How do I update an existing object with multiple values from a global function?
I have the following object in a JS script I'm working on: let time = { years: 0, months: 0 }; I also have a global helper function, on a seperate file, that calculates the total years and months given…
Jquery – Dynamic letter spacing 100% width of container
How can I create dynamic letter spacing for a line of text that starts with 100% width of a container and reduces as the screen size gets smaller? I want the letter spacing to adjust based on the container's width,…
WordPress – Enable/disable a WooCommerce required checkout field based on selected payment method
The answer to the above question helped me, but I still have a problem: Show hide custom Woocommerce checkout field based on selected payment method I want the Phone field (a field is required) to be displayed when the customer…
Jquery – Save data in sessionStorage to show a div after reload page
I've a group of divs that I show after I click an option from a select. The data option is saved after reload to keep the option selected. That works correctly but the problem is onreload, I want to save…
Jquery – How to add smooth scroll effect to div by css or javascript?
Creating a scrollable div with left and right scroll on click event. I wanted to make the scroll effect smooth with CSS transition or any other way, please help <div class="cardsliderblock"> <div class="sliderBlock" id="Slidercontent"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div>…
Jquery – Getting CORS issue in API calling from AJAX
I am getting CORS issue while calling API from Ajax with header Content-Security-Policy":"frame-ancestors 'none'. My APIs are built in Java spring boot. API server is already configured with Access-Control-Allow-Origin : *. If i remove Content-Security-Policy":"frame-ancestors 'none', the API is working…