I am trying to wrap the first letter of each word in my heading tags with a span class so that I can style them using CSS. I have tried to use a snippet I’ve found on here, but I have 2 h1 tags and it is taking the first one and repeating it for… Read More Targeting first letter of each word in h1 using javascript
I want to make a button that will create a back page if I click this it will return to the last div content. I already have the function for the next page but I’m already ran out of logic for making a function for the back page button. Here is my code for the… Read More changing div content using button
Currently, I got an error when I click the dropdown list in my website. Error is Uncaught Syntax error, unrecognized expression: #. That error only cause when I use my website in Chrome or Edge. Currently, I’m using in IE11 and it cause no error for me but IE11 is shutting down, so I’m migrating… Read More Causing Uncaught Syntax error when clicking the dropdown list in navbar
When I click the button, I want to hide that button and show the div. I want this to be slow.For this: $(‘#add_note’).on(‘click’,function (){ $(this).hide(200); $(‘#add_note_form’).show(200); }) i used this. But, I want to make this using prop(‘hidden’,true/false). $(‘#add_note’).on(‘click’,function (){ $(this).prop(‘hidden’,true); $(‘#add_note_form’).prop(‘hidden’,false); }) It works like this but is it possible to do it slow?… Read More How to slowly show-hide with jquery prop
I’m trying to get the singular/plural for the text before the array, based on how many options are selected in the array. For example, if only one selected option, it should be Result in Category 1 if two or more are selected: Results in Category 1, Category 2, and Category 3 Working demo: https://jsfiddle.net/baidoct/xnjf9b0t/12/ $("#selectKat").change(function… Read More jQuery HTML Singular / Plural Text based on select multiple
Field 1 [attribute_size] Drop down menu Values: Small, Medium, Large, Extra Large Field 2 [count] Input text Value: Set value depending on Field 1 input based on the following mappings Small = 1 Medium = 2 Large = 3 Extra Large = 4 <select id="size" class="" name="attribute_size" data-attribute_name="attribute_size" data-show_option_none="yes"><option value="">Choose an option</option><option value="Small" class="attached enabled">Small</option><option… Read More How to set an input field value based on the value of another field?
I have multiple tables in my html. The tables have the columns with class "valuation" and valuation_all". If one of the two cells in "valuation" contains FAIL, than the cell with "valuation_all" should change the text from "status" to "FAIL". Otherwise it should show PASS. This works for one table, but I don’t know how… Read More Reset count for each table
I have a table with a checkbox in the table head which I want to use to check/uncheck all the checkboxes in my table. This is my code, but it doesn’t work. $(document).on(‘change’, ‘#select_products_checkbox’, function() { $(‘.form-control’).toggleClass(‘selected’); var selectAllProductsIsChecked = $(‘#select_products_checkbox’).prop(‘checked’); $(‘.form-control .form-control’).each(function(i, v) { $(v).prop(‘checked’, selectAllProductsIsChecked); }); }); <script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js”></script> <table class=”table table-bordered”> <thead>… Read More jQuery check all checkboxes in table
my document has many span tags like the following: <span class=’myClass’>aaa</span> I would like to turn each of them into the following: <a href="http://www.example.com/aaa" onclick="myfunc();"><span class=’myClass’>aaa</span></a> Is there a way to do this? could be plain js or jquery (3.1.1) Thank you in advance >Solution : With jQuery, you can iterate all .myClass elements using… Read More wrapping a span tag with an a tag with a href target same as the text of the span
I can use the keyup() function to check that my user has written something in input. But what do I do when something pastes there?(Using the mouse, not the keyboard!) $(“#myInput”).keyup(function(){ console.log(“increase or decrease now!”); }); <script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js”></script> <input id=”myInput” /> >Solution : The "keyup" event only fires after a (finished) keyboard input, which means… Read More How to check the increase/decrease of letter input in pasting clipboard in jQuery