Jquery – Move element on page based on scroll
I have 3 blocks on the page. On the second block, I have 3 cases (maybe more), there is also a background line, and there is a circle in the middle of the case on this line .block1 { height:…
jQueryUI Autocomplete – cant select with mouse
Can't get the jQueryUI autocomplete to work with the mouse (autocomplete input is in bootstrap modal form). Only works when selecting with the keyboard, while selecting with the mouse is completely ignored. Here is sample code with this bug: (Loaded…
Jquery – Positioning a fixed element to another not fixed element while scrolling
I have a button (#phone-bar) with position: fixed and i need it with bottom: 0 when the footer is not completely visible. The button is inside the footer itself but i can move it. What i have now: The unwanted…
Jquery – How to count characters containg an html object?
I'm not able to figure out how to count all the characters of an html string using jquery: For example: <link rel="stylesheet" type="text/css" href="style.css" id="basic"> I wanna do something like: var object = $('#basic'); var characters = object.numberOfCharacters; The answer…
WordPress – Ajax result not returning data
I have a WP project where I'm trying to do some ajax filtering but I'm having some trouble returning any data from my initial ajax call. I have a list of posts that are custom post types, and I'd to…
how to make my jquery reload after submitting data in Laravel Livewire?
i have table like this but, after the submit, the highlighted row disappear and i cannot use the functionality of the highlighted row (jquery) here is the jquery code $(document).ready(function() { // Your initial highlighting the last row var table…
Change the text of the option with empty value of a specific select with jQuery
Suppose a page with two hierarchical select boxes. One holds the regions, and according to the selected region, a second select appears with the areas of that region. Unfortunately the system that generates them, sets the same placeholder for both,…
Moving text on wave path with jQuery and stop on hover
<svg width="100%" height="160px" viewBox="0 0 1098.72 89.55"> <path id="curve" fill="transparent" d="M0.17,0.23c0,0,105.85,77.7,276.46,73.2s243.8-61.37,408.77-54.05c172.09,7.64,213.4,92.34,413.28,64.19"></path> <text width="100%"> <textPath xlink:href="#curve">*The pictures are not technically selfies.</textPath> </text> </svg> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(document).ready(function() { const textPath = document.querySelector("textPath"); const textPathLength = textPath.getComputedTextLength(); const duration = 10000; //…
What makes preventing the default form submission behavior fail in this use case of jQuery AJAX?
I have made a blogging application in Laravel 8. I am currently working on submitting comments and comment replies via AJAX instead of doing it "classically". The comment form: <form class="commentForm" method="post" action="{{ route('comment.submit') }}" autocomplete="off"> @csrf <fieldset> <input type="hidden"…
Jquery – How to flip an image without moving it
In the example below, click on logo and you'll see - it is flipped but also moved How to flip it without moving ? I also tried this, without success: .flip{transform:scaleX(-1) translatex(-50%);} $('img').on('click', function(){ $(this).addClass('flip'); }); .flip{transform:scaleX(-1);} .wrap{ position:relative; width:50%;…