Here is a short function that enlarges an image on click. Everything works fine when I only use one image. Adding a second image, it doesn’t work anymore and I have no clue why. JSFIDDLE jQuery: var classes = ["zoom0", "zoom50", "zoom100"]; var index = 0; var classList = document.querySelector(".bla").classList; const len = classes.length; $(‘.zoom-img’).click(function()… Read More Trying to enlarge an image with jQuery
I want to get the data-value ‘Tomatoe’ from this code when the user is typing in the input: $(‘input[name=txt]’).on(‘input’, function() { var module = $(this).closest(‘[data-value]’).val(); alert(module); }); <script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js”></script> <div data-value=”Tomatoe”> <div> <input type=”text” class=”form-control” name=”txt” required> </div> </div> What I’m missing here ? Thanks. >Solution : A <div> has no value, so .val() won’t… Read More Get parent attribute value in jQuery
I know, the title sounds insane, but in an attempt to refactor some code, I am having trouble figuring out how to programmatically fire an event without using the following: trigger change click The code below loads on a hook, and all I need to do is click inside the ID element below, but ‘click();’… Read More How to programmatically fire an event to click inside an input field without using trigger, change or click events
I have a pair of inputs. I have no problem with a user leaving the both of them blank. But what I need is a way to force the user to fill the second input field if he decides to fill the first input field and vice versa(or prevent form submission in the event of… Read More How to prevent form submission if only one out of two paired inputs is filled out
I have a problem in converting my websites vanilla js to jQuery I want to convert const blue = $(‘#color-blue’), red = $(‘#color-red’); blue.addEventListener(‘click’, () => { delete chat.dataset.color; }); red.addEventListener(‘click’, () => { chat.dataset.color = ‘red’; }); to use with jquery >Solution : While it is unnecessary to change the event listeners to jQuery,… Read More Convert vanilla js to jquery
I have the following code in my cshtml Razor page: @foreach (var localRecord in Model.electionData) { <div class="row"> <label for="@localRecord.ElementID" class="col-sm-9 col-form-label text-left">@localRecord.FundName</label> <div class="col-sm-3"> <input type="number" class="form-control election" id="@localRecord.ElementID" min="@localRecord.MinPct" max="@localRecord.MaxPct" value="0"> <input type="number" hidden value="@localRecord.HostFID" /> </div> </div> } And I have the following jQuery code which executes when the user clicks on… Read More jQuery accessing previous element value
hello friend i have table as follow <tbody class="sellbook"> <tr class="foobar-26"> <td>price</td> <td>amount</td> <td>total</td> </tr> <tr class="foobar-27"> <td>price</td> <td>amount</td> <td>total</td> </tr> <tr class="foobar-28"> <td>price</td> <td>amount</td> <td>total</td> </tr> </tbody> i need to update data in table row by mention its table row class name and need to remove also, condition is as folow if value is… Read More How replace and remove table row value by jquery
I am trying to add an active class to a div by means of a data id. Currently clicking on it does nothing and I get no errors in console. The data is generated with jQuery ie: dynamic data so not sure if that has something to do with it. So, when the page loads,… Read More Add class based on data id
I found and example of highlighting a row and column on hovering with mouse. https://stackoverflow.com/a/28312853/139698 How can I make the one cell that the mouse is hovering over to a different color, but keeping the the highlighted row and column as well? <html> <head> <title></title> <style> .hovered { background-color: teal; } </style> <script src="Scripts\jquery-3.6.0.min.js" type="text/javascript"></script>… Read More Extend html table highlight row and column and make current cell a different color
I’m working with feed that I have no control over. I need to replace the first half pipe character in each of a number of headlines with a <div> e.g. <h3>New Clause 12 – Monitoring tool | Order | Committees</h3> Changes to <h3>New Clause 12 – Monitoring tool</h3><div> Order | Committees </div> This script works,… Read More Replace characters in a series of headlines