The problem is that spans are inline elements. Just add display:block; to your CSS and it will fix the problem. $(myspan).focus(); #myspan { border: 0; outline: 0; display: block; } <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script> <span id=”myspan” contenteditable=true></span>
If I understand the question, you want to change the value of the checkbox depending if it is checked or not. Here is one solution: $(‘#checkbox-value’).text($(‘#checkbox1’).val()); $(“#checkbox1″).on(‘change’, function() { if ($(this).is(‘:checked’)) { $(this).attr(‘value’, ‘true’); } else { $(this).attr(‘value’, ‘false’); } $(‘#checkbox-value’).text($(‘#checkbox1’).val()); }); <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js”></script> <input type=”checkbox” name=”acceptRules” class=”inline checkbox” id=”checkbox1″ value=”false”> <div id=”checkbox-value”></div>
context.Response.Write( jsonSerializer.Serialize( new { query = “Li”, suggestions = new[] { “Liberia”, “Libyan Arab Jamahiriya”, “Liechtenstein”, “Lithuania” }, data = new[] { “LR”, “LY”, “LI”, “LT” } } ) );
The better solution might be to go with regular expression based checks. Example below will limit only alphanumeric characters in the field with id text: $(‘#text’).keypress(function (e) { var regex = new RegExp(“^[a-zA-Z0-9]+$”); var str = String.fromCharCode(!e.charCode ? e.which : e.charCode); if (regex.test(str)) { return true; } e.preventDefault(); return false; });
Change it to .on or .delegate based on the version of jQuery you are using.. As of jQuery 1.7+ $(document).on(‘click’, ‘.fClick’, function(){ alert(“hey!”); }); For older jQuery versions use delegate $(document).delegate(‘.fClick’, ‘click’, function(){ alert(“hey!”); });
JavaScript is case sensitive. Use document.getElementById(“city”).required = false; Demonstration Be careful that your code can’t work as you try to access the element before it exists. Put your script after the element if you don’t execute the code on an event : <input type=”text” id=”city” required> <script> if(somecondition is true){ document.getElementById(“city”).required = false; } </script> … Read more
Fetch API is supposed to provide promise-based API to fetch remote data. Loading random remote script is not AJAX – even if jQuery.ajax is capable of that. It won’t be handled by Fetch API. Script can be appended dynamically and wrapped with a promise: const scriptPromise = new Promise((resolve, reject) => { const script = … Read more
Since modifying the source code is not an option and adding a hook to the select2:open event is not very elegant, especially when you have multiple select2 instances in the same page, I have written a small extension for the Select2 plugin. My implementation is inspired by a PR from the plugin’s repository (https://github.com/select2/select2/pull/4618) that … Read more
Here is a standalone function: function rgb2hsv (r, g, b) { let rabs, gabs, babs, rr, gg, bb, h, s, v, diff, diffc, percentRoundFn; rabs = r / 255; gabs = g / 255; babs = b / 255; v = Math.max(rabs, gabs, babs), diff = v – Math.min(rabs, gabs, babs); diffc = c => … Read more
Nowadays in 2021 there’s a nice simple only-css solution with :target and scroll-margin-top :target { scroll-margin-top: 100px; } It works in all major browsers References: https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin-top https://developer.mozilla.org/en-US/docs/Web/CSS/%3Atarget