You Are Viewing Posts Under Category: JavaScript Codes
Pure JavaScript Based Multi-Tab With Hash DIV Linkable URL
| October 17th, 2021 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesThis tutorial shows how to create a Web page containing JavaScript-driven tabs. Each tab displays a separate chunk of content when clicked — perfect if your page needs to hold a large amount of content. I find it’s a common desire with “tab” design patterns that there is a way to link to spe...
Preview Image Before Uploading In <input=”file”/> Field Using Pure JavaScript
| October 16th, 2021 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesImage preview is a great feature for user to check their image before upload whether the correct image is going to upload or if the image looks nice or not etc. So in this tutorial, we will show you how to preview an image before upload using pure Vanilla JavaScript, HTML and CSS. You may […]...
Show Form Fields Hint On Focus With Stylish CSS
| June 7th, 2021 | 2 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesWhat interface element should you use to provide the user with helpful information about a form field as a hint? If you were thinking of a tooltip, you are correct. Tooltips are necessary for form fields that need more clarification than its field label can give. For example, when the field label ha...
How To Create A JavaScript Typewriter Using Pure Vanilla JavaScript?
| February 25th, 2021 | 2 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesYou must have seen the Text Typewriter Effect on many website sliders or in a heading that looks like a full effect of typing animation character by character in typewriter effect. So we decided to make it a little snippet to let you use it on your web pages also to give your web page […]...
How To Add/Create A QR Code Reader On Your Website Using JavaScript?
| January 25th, 2021 | 2 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesAs you know that the barcode and QR code have upgraded our shopping and searching experience as well as our typing and entering data process. Customers with smartphones can select their product and scan its barcode or its QR code using many free phone apps to read the info or many other business use...
Create A Simple Countdown Timer Using Pure JavaScript
| December 22nd, 2020 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesCountdown timers can serve many purposes. They can communicate to a user how long they’ve been doing something or how much time until some event happens, like the launch of your new website. In the sales and marketing context, they can create a sense of urgency to encourage conversion. Sometimes, ...
