Welcome to a tutorial on how to create a simple HTML AJAX login page. Sick of all the complicated login pages, templates, and libraries? Here is a simple one made with vanilla HTML, CSS, and Javascript. Just plug-and-play this page, do up the server-side login script, and all done – Read on for more! ⓘ […]
Very Simple HTML AJAX Login Page (Free Download!) Read More »
Welcome to a quick tutorial on how to convert an object to string in Javascript. Need to convert an object into a string, then transfer or store it? There is only one native Javascript function to turn an object into a string – the JSON.stringify() function. So if you are looking for alternative ways to
5 Ways To Convert Object To String In Javascript Read More »
Welcome to a quick tutorial on how to check if a property exists in a Javascript object. In an array, we can conveniently use the includes function to check if a value exists. But in objects, things are a little different. The common ways to check if a property exists in an object are: The
5 Ways To Check If Property Exists In Javascript Object Read More »
Welcome to a quick tutorial on how to show error messages in HTML forms. This is probably one of the major bugbears for some beginners, how do we handle and show error messages for HTML forms? There are no fixed ways to show errors in HTML forms, but the common methods to display error messages
Show Error Messages In HTML Forms (Simple Examples) Read More »
Welcome to a beginner’s tutorial on how to display a message after submitting an HTML form. Yep, forms are pretty easy to create in HTML… But the aftermath is kind of a mystery. How do we show a message to the user after the processing is done? There are 2 general ways to show a
2 Ways To Display A Message After Submitting HTML Form Read More »
Welcome to a quick tutorial on how to create a non-editable text field in HTML and Javascript. Want to “fix” a text field in HTML or Javascript? Prevent the user from changing the value? To create a non-editable text field in HTML, we can either attach the readonly or disabled attribute. <input type=”text” readonly> <input
Non-Editable Text Field In HTML Javascript (Disabled & Readonly) Read More »
Welcome to a tutorial on how to create responsive tabs with pure HTML, CSS, and JS. Need to organize the information on your website a little better? Don’t want to load an entire library just for a simple tab plugin? Here is a sharing of my own, using only pure HTML CSS JS – Read
Very Simple Tabs With Pure HTML CSS JS (Free Download) Read More »
Welcome to a tutorial on how to create responsive AJAX tabs with pure HTML, CSS, and JS. Need to create a simple tab that loads the content via AJAX? Well, here is one that uses only pure HTML CSS JS, no third-party frameworks – Read on! ⓘ I have included a zip file with all
Very Simple AJAX Tabs With Pure HTML CSS JS (Free Download) Read More »
Welcome to a tutorial on how to create a GPA calculator using Javascript. Yep, this is kind of weird as a tutorial. Did some twisted lecturer ask to create a GPA calculator as an assignment? Or maybe you are just curious about how to create one? Either way, let us walk through a simple Javascript
Simple GPA Calculator In Javascript (Free Source Code) Read More »
Welcome to a quick tutorial on how to change or override CSS with Javascript. Want to dynamically update or change some styles on a web page? The common ways to change or override CSS in Javascript are: document.getElementById(“ID”).style.PROPERTY = “VALUE”; document.getElementById(“ID”).style.cssText = “PROPERTY: VALUE”; document.getElementById(“ID”).setAttribute(“style”, “PROPERTY: VALUE”); document.getElementById(“ID”).className = “CLASS”; document.documentElement.style.setProperty(“–VAR”, “VALUE”); That covers the
5 Ways To Change Override CSS With Javascript (Simple Examples) Read More »
