<input type="password" id="password">
<span id="warning" style="display:none;color:#c00">[Caps Lock]</span>
<script>
document.getElementById("password").addEventListener("keyup", function(event) {
document.getElementById("warning").style.display = (event.getModifierState("CapsLock")) ? "inline" : "none";
});
</script>I tend to implement Bootstrap > Documentation > Components > Forms > Validation but feel it makes sense to use jQuery since it is required by many Bootstrap components 🤷♂️
Code to replace provided example…
Continue readingHere for me to copy/paste as-needed… feel free to do the same 💁♂️
var inputs=document.getElementsByTagName('input');for(var i=0;i<inputs.length;i++){if(inputs[i].type=='checkbox'){inputs[i].checked=true;}}$('input:checkbox').prop('checked',true);Happy coding 😀
I have an Excel workbook with 13 protected sheets, January through December plus a Summary that needed the same cell comments for each month.
There were 2 options…
You ever go looking for an email only to find it in your Junk Mail folder? Here are a few ways to whitelist senders and/or domains avoid the issue.
This method effectively whitelists the sender of a single message and moves it to your “Inbox” folder.
Continue reading
One of the things that kinda bugged me about the LiveZilla Windows App was the inability to know what’s going on without being in the actual app. Simply put, there are no visual or audible notifications except for chat requests.
Today I finally decided to figure out a better way to monitor my web traffic… Events!
Continue reading
Ran into an issue earlier today that I could not figure out and ended up asking my second question on StackOverflow in seven years.
I was trying to use <input type="number" pattern="[0-9]{8}"> to enforce 8-digit numbers while allowing leading zeros. This was being done on an optional field (no required attribute) and I could not understand why it was bypassing my pattern on the populated field (eg: value “1234” was accepted, pattern ignored).
Just wrapped up an addition to Social Link Generator. Now you can also generate Open Graph meta tags!
One thing that sets my tool apart from the crowd is the ability to specify images, and more than just one!
Plus, the majority of valid og:type selections are included for convenience 😉
Provide as little as a page URL or the kitchen sink to generate sharing links that have no javascript requirements for your website.
Check it out: Social Link Generator
Continue reading
While converting a Bootstrap 3 template design for use with Bootstrap 4, I noticed they removed stateful buttons (eg: “loading” and “reset” button states) from BS4! Granted it was mentioned in BS3, but I never noticed the deprecated warning 🙁
The deprecated code for showing a button’s loading state was $('#selector').button('loading') and to return the button to its original state you would use $('#selector').button('reset') .
I was adding mouse wheel events to a ul element with the CSS rule overflow:hidden to emulate mouse wheel scrolling when no scrollbar was present.
The links in the unordered list also trigger a Bootstrap 4.1 Modal that contains a Bootstrap Carousel. So I decided to add the same functionality to my modal carousel gallery.
Continue reading