Putting the name on Canvas – Jquery
I want to create a canvas on my web page that will let the users type their name in "Journal" font. I have the following code, but, as you can see in dokeyDown, I can only type "Z". How can…
how to capture when a checked checkbox becomes unchecked – Jquery
I want to get the value of the checkbox that goes from being checked to unchecked. <input type="checkbox" class="cbx" name="privilegiosG[]" id="privilegioG_<?= $privilegio->getId() ?>" value="<?= $privilegio->getId() ?>" <?= $checked; ?> /> tried this but it doesn't work for me <script type="text/javascript>"…
How to access nested array in JSON array using javascript or jQuery?
I have a nested array which looks like the example code below. I need to access a nested array within my JSON array. But the issue is that I always get undefined! var json = { "status": "OK", "tickets": {…
Why I can't change bootstrap modal backdrop opacity with JavaScript? – Jquery
I am trying to change Bootstrap backdrop opacity using JS or jQuery (Bootstrap 4.6): // JavaScript let modalBackdrop = document.getElementByClassName("modal-backdrop"); modalBackdrop.style.opacity = "0.9 !important"; or // jQuery let modalBackdrop = $(".modal-backdrop"); modalBackdrop.css("opacity", "0.9 !important"); I want to do it with…
Change value of <input> with two different <select> fields – Jquery
I want to add the number of 0 that are being selected from the <select> fields and want to display the addition result into the <input> field. Also, the value of the <input> field must change in real time if…
JQuery .fadeToggle() not working properly: Automatically fades out
$(document).on('click', '.tree label', function(e) { $(this).next('ul').fadeToggle(); e.stopPropagation(); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <ul class="tree"> <li class="has"> <label class="container">ROOT<span class="total">(12) </span> <input type="checkbox" name="domain[]" value="ROOT"> <span class="checkmark"></span></label></ul> <ul style="display: none;"> <li><label class="container">CHILD<input type="checkbox" name="subject[]" value="CHILD"><span class="checkmark"></span></label></li> </ul></li> </ul> When I click the first…
adding a tooltip using data attribute but its not showing – Jquery
I am using jquery UI and i am trying to show data attribute on the checkboxes here is my html <input class="checktip" data-home="Working from Home" data-office="Working from Office" type="checkbox" name="Monday" id="Monday"> and here it is the jquery COde i have…
Need to control form inputs within a dymanic table – Jquery
I'm using PHP, Jquery, and BootStrap. I'm generating a form so users can provide their availability for consideration in an upstream process. Users click a button, and a new row is added to the website asking for users' input. There…
Disable / enable select box options containing certain text based on another selection – Jquery
I have 2 select boxes. The first is to select a room, the second is to select a location within those rooms. I would like to hide or disable certain options in the second select box when an option is…
Change Background Div of another div on Hover for Dynamic Content – JQuery
I have a list of links and a list of markers which are generated dynamically: The structure looks like this: <div> <a id="link{{i}}>Link {{i}}</a> </div> <div> <div id="marker{{j}}">Marker {{j}}</div> </div> When the content is dynamically generated - it will end…