You Are Viewing Posts Under Category: JavaScript Codes

How-To-Move-Data-Variables-From-JavaScript-To-PHP-And-Vice-Versa

How To Move Data/Variables From JavaScript To PHP And Vice Versa?

If you are a programmer looking to transfer data or variables between JavaScript and PHP, you have come to the right place. This article will guide you through the process of moving data seamlessly between these two programming languages. By the end of this post, you will have a clear understanding ...
How-To-Create-A-Double-Input-Range-Slider-Using-JavaScript

How To Create A Double Input Range Slider Using JavaScript?

In this tutorial we’ll be coding a double range price slider. While HTML does have a native range slider input this isn’t suitable for when a double range selection is required (min and max). So to achieve the desired functionality some creative CSS and JavaScript is required. There are many cod...
Before-After-Image-Slider-Using-Mouse-Drag-In-Pure-Vanilla-JavaScript

Before After Image Slider Using Mouse Drag In Pure Vanilla JavaScript

This Vanilla JavaScript code snippet helps you to create before and after image comparison sliders. It comes with scrolling and touch support to slide the vertical slider over the image to see the before and after differences. There are many code snippets available online or on many other blogs and ...
Simple-WYSIWYG-Rich-Text-Editor-Using-Pure-JavaScript

Simple WYSIWYG Rich Text Editor Using Pure JavaScript

This JavaScript code snippet helps you to create a simple WYSIWYG-rich text editor with all basic commands.  It is purely built with HTML5, CSS, and JavaScript without using an additional library or framework. This text editor allows users to apply bold, italic, underline, and deleted formats to th...
Pure-JavaScript-Voice-To-Text-Recognition-Code-Snippet

Pure JavaScript Voice To Text Recognition Code Snippet

The reason for speech recognition is for a PC or machine to effectively recognize the words verbally expressed by anybody. With this technique, there is no compelling reason to focus on more personal details, for example, emphasis, cadence, and so forth. It provides lots of advantages in developing ...
Google-Maps-With-Multiple-Markers-And-Info-Windows-Using-JavaScript

Google Maps With Multiple Markers And Info Windows Using JavaScript

Google Maps is an easy and best way to display location on the web page. A marker is used to identify a location on Google Maps and an Info Window displays some content over the map. With a marker and info window, you can mark a location more efficiently. Also, it helps the user to […]...
Multiple-Images-DragDrop-Uploader-With-Preview-Using-Pure-JavaScript

Multiple Images DragDrop Uploader With Preview Using Pure JavaScript

A couple of weeks ago, I work on a project that has a preview image feature for the user. Basically, the user wants to upload the image and we want the user to see whether the uploaded image actually fits our card design or not. Once the user is happy with the image, the user […]...