HTML & CSS

Welcome to a quick tutorial on how to show a loading spinner until the page is fully loaded. This is a seemingly easy thing to do until you get your hands dirty… Some other tutorials online got me to facepalm with their “solution” involving the use of third-party libraries. No, we don’t need to load […]

Welcome to a tutorial on how to read an Excel file into an array or JSON in Javascript. Yes, that is right. We can actually read Excel files in client-side Javascript, without having to do all those “upload to a temp folder on the server then read the Excel file”. Read on for the example!

Welcome to a quick tutorial on how to populate an HTML dropdown list with AJAX and JSON. Need to dynamically load the dropdown options from the server? No problem, it is actually a simple process – Read on for the example!     TLDR – QUICK SLIDES [web_stories_embed url=”https://code-boxx.com/web-stories/populate-dropdown-ajax-json/” title=”Populate Dropdown With AJAX JSON” poster=”https://code-boxx.com/wp-content/uploads/2021/11/STORY-JS-20230518.webp”

Welcome to a tutorial on how to crop images in Javascript. Want to lessen the server load by cropping the image on the client side? Or just curious about how those “online image crop tools” work? To crop an image in Javascript: Create an image and canvas. var img = new Image(); var canvas =

Welcome to a quick tutorial on how to get, set, and remove the href property in Javascript. By now, you should know href very well. That “thing” we use to specify which webpage to link to. But how can we dynamically change or remove it using Javascript? For a quick answer: To get the href

Welcome to a quick tutorial on how to remove HTML table rows and cells in Javascript. Need to dynamically update a table? Remove table rows and cells in Javascript? To remove table rows and cells in Javascript: Get the table itself – var table = document.getElementById(“TABLE-ID”); The rows can be removed using the deleteRow() function

Welcome to a short beginner’s tutorial on how to add HTML code in Javascript. So you have finally gotten to the point of working with both HTML and Javascript, but the challenge is that you now have to add some HTML to an existing page. Adding HTML code using Javascript is actually a simple “get

Welcome to a tutorial on how to display dynamic HTML content in Javascript. Yes, the Stone Age of the Internet is long over, and we now live in an age of non-static HTML pages. Be it refreshing the shopping cart after adding an item, loading more content, or updating a section of the page. There

Welcome to a quick tutorial on how to add HTML table rows and cells in Javascript. Need to dynamically update an HTML table using Javascript? To add new rows and cells to an HTML table in Javascript: Get the table – var table = document.getElementById(“TABLE”); Add a new row – var row = table.insertRow(); Append

Welcome to a quick tutorial on how to move an HTML element to another container. Working on a custom selection list? Or just want to move a piece of content? To move an element from one container to another: Get the element to move – var s = document.getElementById(“TOMOVE”); Get the target container – var