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 »
Welcome to a quick tutorial on how to send JSON data from Javascript to PHP. So you need to send some “JSON data” from Javascript to a PHP script? Long story short: Use JSON.stringfy() in Javascript to encode an array/object into a string, then send it to PHP accordingly: var form = new FormData(); form.append(“data”,
Javascript Send JSON Data To PHP (Simple Examples) Read More »
Welcome to a quick tutorial on how to create a typewriter effect with Javascript. So you want to add some eye-catching headlines to your website? A very simple typewriter effect can be achieved with: <!– (A) EMPTY HTML DIV –> <div id=”demo”></div> <script> // (B) TEXT TO WRITE & CURRENT CHARACTER var txt = “TEXT”,
Simple Javascript Typewriter Effect (Free Download) Read More »
Welcome to a quick tutorial on how to pause in Javascript. Bad news, there are no native implementations of pause in Javascript. But we can simulate pause, wait, sleep, or delay in Javascript via various means: Loop until a certain time has passed – var now = Date.now(), end = now + 1000; while (now
3 Ways To Pause Javascript (Very Simple Examples) Read More »
Welcome to a tutorial on how to work with text to speech in Javascript. Need a “read aloud” feature on your website? Yes, the Stone Age of the Internet is long over. Javascript has a native speechSynthesis text-to-speech API, and it will work so long as the browser and operating system support it. var msg
Javascript Text To Speech (Simple Examples) Read More »
Welcome to a quick tutorial on how to dynamically load CSS files. So you have a project that requires some sorcery to load or change the CSS after the page is loaded? Or maybe you want to lazy load some CSS files? We actually don’t need a third-party library, nor do confusing imports. To load
4 Ways To Dynamically Load & Replace CSS (Simple Examples) Read More »
Welcome to a tutorial on how to create an Excel file in Javascript. Yes, you read that right. We are referring to “browser Javascript”, and not the server-side NodeJS. The dark days have passed and it is actually possible to generate Excel files in Javascript: Load the SheetJS library from a CDN, or host it
Create Excel File In Javascript (Very Simple Examples) Read More »
Welcome to a tutorial and examples on how to take screenshots with Javascript. So you have a project that needs to do screenshots? An easy way to capture screenshots in Javascript is to use the html2canvas library: html2canvas(document.body).then(canvas => { let a = document.createElement(“a”); a.download = “ss.png”; a.href = canvas.toDataURL(“image/png”); a.click(); }); That’s all for
Take Screenshots With Javascript (Simple Examples) Read More »
Welcome to a tutorial on how to create a text area with a remaining character counter in Javascript. Limiting the number of characters in a text field is as easy as setting the maxlength, but how do we add a “countdown” to it? <textarea id=”demoA” maxlength=”160″></textarea> <div id=”demoB”>160</div> <script> var a = document.getElementById(“demoA”), b =
Simple Textarea With Remaining Characters Counter (Free Download) Read More »