You Are Viewing Posts Under Category: JavaScript Codes

Simple-Pure-JavaScript-Smooth-Multi-Tab-Accordion

Simple Pure Vanilla JavaScript Smooth Multi-Tab Accordion

Here you will know how to create a simple accordion (collapsible) element using only vanilla (pure) javascript without jQuery or any other library. You want to get your site as optimized as you can, so you need to avoid using jQuery or any other similar library for just simple elements like for exam...
Pure-JavaScript-Sliding-Overlay-Sidebar-With-Custom-Open-Close-Button

Pure JavaScript Sliding Overlay Sidebar With Custom Open/Close Button

A wonderful website design element is a sliding menu. A slide menu is an off-screen element that slides in and out of view when users want it. In general, slide menus use hamburger icons, arrows, text, or other icons to indicate their location. Slide menus allow developers to save precious website s...
Create-Analog-Clock-Widget-With-HTML5-Canvas-And-JavaScript

Create Analog Clock Widget With HTML5 Canvas And JavaScript

Add a free clock to your blog or website with our free HTML5 24-hour analogue web clock showing the current time for any location in the world. Simply configure your clock to match your website and copy our short and simple embed code to place on your website. Our HTML5 digital clock widgets are rep...
Simple-And-Clean-FAQ-Accordion-JQuery-Widget

Simple And Clean FAQ Accordion JQuery Widget

FAQ and accordion are similar types of content having multiple sections in a single element. Each section contains a heading and body to add details. The only difference between these two widgets is that FAQ allows only text content while accordion allows any type of content. In this article let us ...
Simple-Bootstrap-Style-Custom-Modal-Popup-In-JavaScript

Simple Bootstrap Style Custom Modal Popup In JavaScript

Modal popups are used pretty frequently on the web. Some popular uses of them include driving newsletter sign-ups, displaying notifications/alerts, and handling register and login forms. Our modal will be generic which means you will be free to use it for whatever purpose you’d like. Do you wa...
Simple-And-Clean-Fixed-Right-Side-Sliding-Panel-Using-Pure-JS-and-CSS3

Simple And Clean Fixed Right Side Sliding Panel Using Pure JS and CSS3

Do you want a clean, responsive and simple sliding widget that will slide from the right side of the screen with fixed position event whole screen is able to scroll behind it in a simple way then here is the minified code with basic syntax to achieve your target in a simple and nice way? […]...
How-To-Set-Value-Of-Input-type-datetime-local-Via-Pure-JavaScript

How To Set Value Of Input type=”datetime-local” Via Pure JavaScript?

The <input> tag with a type="datetime-local" attribute creates an input field that accepts a date and time value which does not include the timezone (hence ‘local‘). The input element with a type attribute whose value is “datetime-local” represents a control for setting the...