In this tutorial, I will show you how to copy text to the clipboard on a button click using jQuery from a textbox. It’s very helpful for the users to click a button to copy everything in a textbox, instead of selecting and copying using the Mouse. So today’s tutorial, we will have a textbox…Continue Reading
The 50 Most Useful jQuery Plugins for Frontend Development
jQuery is one of the best fronted frameworks ever created. These days there are several other players also, like react, angular and vuejs, but jQuery keeps the top position with a usage in 78% of top million sites.
How to Use jQuery Datepicker with Timepicker
You may heard about the jQuery Date Picker and probably you’ve used it many times. So in this tutorial we are not talking about a jQuery Date Picker, but a date picker with time selecting option.
Append an element with fade in effect in jQuery
You can do this by using append function in jQuery as below snippet $(‘#main_conatiner’).append( $(‘<p><img src=”loader.gif”></p>’).hide().fadeIn(2000) ); Or you can use appendTo function as below var html ='<p><img src=”loader.gif”></p>’; $(html).hide().appendTo(“#main_conatiner”).fadeIn(2000); Laravel date set timezoneHow to create console command in laravel ?Show a number in two decimal places in PHPPHP str_replace() FunctionHow to delete file from…Continue Reading
Water Ripple effect jQuery plugin
Who wouldn’t like to have water rippling effect on their website? So I am showing a wonderful jQuery plugin that does the water rippling effect when mouse over a swimming pool image. It’s kept very minimally in size like max 2KB.
Trigger a function when clicks outside of an element in jQuery
If you need to hide a div when you click outside of it. Below snippets are explaining that behavior in detail. HTMLjQuery Its pretty self explanatory, when you click outside of the target div, the jQuery function check for then click event is based on the element. If not the div will fade out.
Masking images with jQuery/css
Masking the images using jquery, it’s an interesting subject.In so many websites we have seen some images are curved shaped. Here the below script is helping you to implement this technique. I am not telling all of them are using this but many people are using. But I am satisfied with this method.