You Are Viewing Posts Under Category: HTML-CSS-PHP-JavaScript
Add A Simple Pagination On Long Table Using Pure Vanilla JavaScript
| January 2nd, 2023 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesThis JavaScript code snippet helps you to create simple table pagination. It allows you to define table rows per page and generate paging accordingly. You need to create an HTML table element with rows and columns then this pagination plugin automatically renders pages for it. There are many code sn...
Simple Custom Select Dropdown Example Using Pure JavaScript
| January 1st, 2023 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesThis Vanilla JS code snippet helps you to create a custom select dropdown. You can arrange your options in an unordered list and wrap it into a custom select wrapper. Then this snippet will style it like a select dropdown on which you can trigger custom events. There are many code snippets available...
Touch Swipe Direction Detection Using Pure JavaScript
| December 30th, 2022 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesA simple touchscreen gesture recognition in pure JavaScript for single-cursor swipe up, down, left, and right touch swipe detection. It is helpful for swiping to reveal/conceal menus (swipe on e.target) or wipe left/right to control slideshow position. Use the Mobile screen to check this. There are ...
Pure Vanilla JavaScript Base Animated Count Down Counter
| December 28th, 2022 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesThe Counter JS is a lightweight JavaScript plugin to create an animated number counter. It uses the requestAnimationFrame() method to perform counting animation on given numbers. You need to pass the selector, starting & ending number, and duration of animation inside the function arguments and...
Flipbook Book Slider With Manual Control Using Pure Vanilla JavaScript
| December 20th, 2022 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesThis Vanilla JavaScript code snippet helps you to create a flipbook image slider. It comes with the next and previous buttons to slide the images with a page-flipping animation. You just need to add your images (as background) inside the back and front container then this code will automatically ren...
How To Add Password Eye Icon In Password Input Form Field?
| December 19th, 2022 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesThis Vanilla JavaScript code snippet helps you to create a password visibility eye icon toggle button to show/hide passwords. It gets the password input field and changes its type from password to text to show the entered password. The snippet uses Font Awesome eye icon inside the password input fie...
