Custom File Input Check out the following demo with code to style file input select button as a web browser do not allow to style it directly like a div element. It’s a bit of jQuery to copy the file name and display it inside label, and some CSS to hide the...
Here is a function that you can use to get the get-values from URLs and can use it to manipulate web pages on document load. get-values from URL – jQuery var getUrlParameter = function getUrlParameter(sParam) { var sPageURL = window.location.search.substring(1),...
How to remove :hover on touch devices? As touch devices like mobiles and tablets do not have mouse cursors like desktops and laptops, they display a hover state whenever you touch the element. They keep on displaying the hover state even when you are not touching the...
If you want to manipulate the state of range on a web page created with jquery-mobile, you will have to trigger input “change” for UI to work in sync with the manipulated state otherwise UI will display false old state. I encountered this thing in...
toggle browser full screen mode using JavaScript The following script allows you to integrate the browser’s full-screen toggle function when you click on the button. Click the button below in the demo to view the page in the browser’s full-screen mode. You...
It’s a good tool to convert your images to base 64 code that you can use inside your HTML or CSS directly if you do not want to make an HTTP request for your image as an asset or icon. Tool Link – https://tools.webdevpuneet.com/image-to-base64-converter/...
Simple wrapper for cross-browser usage of the JavaScript Fullscreen API, which lets you bring the page or any element into fullscreen. Smoothens out the browser implementation differences, so you don’t have too. screenfull.js – bring element to full screen...
Blog
