Welcome to a beginner’s tutorial on how to create a table from an array with Javascript. Need to display an array of data in a “nice HTML table”? Creating a table from an array is as easy as looping through the array, and generating the HTML: Manually create the HTML string. var table = “<table><tr>”; …
Welcome to a tutorial on how to fade in and fade out HTML elements. So you want to fade in a section, or fade out a button once it is clicked on? Some libraries provide convenient “fade features”, but we don’t need to load an entire library just for a simple fade effect. Fading an …
Fade In & Fade Out HTML Elements (Very Simple Examples) Read More »
Welcome to a beginner’s tutorial and simple example of how to use HTML, CSS, Javascript, PHP, and MySQL together to build a website. Just started with web development, and wondering how we can “put” all the different technologies together? Various technologies and languages work together to create a website, each of them handling a different …
HTML CSS Javascript PHP MySQL To Build A Website (Simple Example) Read More »
Welcome to a tutorial on how to add rows to an existing Excel file in Javascript. Need to append, prepend, or insert new rows into an Excel file? There’s no need to upload the Excel file to the server, we can do it in modern Javascript directly. Read on for the examples! TABLE …
Javascript Add Rows To Excel File (Append Prepend Insert) Read More »
Welcome to a short tutorial on how to round off numbers in Javascript. So you have a project that needs to round off a number? To round off a number in Javascript – Math.round(12.34); Round up to the nearest whole number – Math.ceil(1.1); Round down to the nearest whole number – Math.floor(2.3); Drop the decimal …
Round Off In Javascript (Up, Down, To Decimal Places) Read More »
Welcome to a quick tutorial on how to use the Javascript document fragment. Congratulations code ninja, you have found one of the underrated gems in Javascript and HTML. The document fragment is a lightweight container for creating HTML elements, an alternative to directly inserting elements into the DOM. A quick example: var fragment = new …
Javascript Document Fragment (Very Simple Example) Read More »
Welcome to a tutorial on how to create an autocomplete with pure HTML, CSS, and Javascript. Yes, there are autocomplete plugins all over the Internet. But some of them require third-party frameworks and introduce a lot of loading bloat. So here it is, a sharing of mine with zero third-party libraries. Read on! …
Simple Autocomplete In Pure HTML JS (Free Download) Read More »
Welcome to a tutorial on how to create an editable HTML table. Well, creating an editable table is quite literally adding a contentEditable property into the cell <td> on a double click. But it still requires quite some bits of code – Read on for an example! TABLE OF CONTENTS Download & Demo …
Welcome to a tutorial on how to pass PHP variables and arrays to Javascript. PHP is server-side and JavaScript is client-side, so how do we gel them together? A quick and easy way to pass a variable from PHP to Javascript is to use the short echo tag. For example: <?php $phpvar = “FOO”; ?> …
5 Ways To Pass PHP Variables & Arrays To Javascript Read More »
Welcome to a tutorial on how to call a PHP file from Javascript. So you need to call a PHP script to do some processing from Javascript? The common ways to call a PHP script with Javascript are: Use AJAX to call a PHP script. Use the Fetch API to call a PHP script. Redirect …
5 Ways To Call PHP File From Javascript (Simple Examples) Read More »
