WM Zoom jQuery Plugin For Image Hover Inner Zoom

WM Zoom is a jQuery plugin that creates a magnifier overlay on the image and displays the high definition image inside it. Also provides a config to provide Inner zoom functionality as you mouse hover on the image.


WM Zoom jQuery Plugin For Image Hover Outer Zoom

WM Zoom is a jQuery plugin that creates a magnifier overlay on the image and displays the high definition image beside it. Also provides a config to provide outer zoom functionality as you mouse hover the image.


How to make a fullscreen window with JavaScript

The Fullscreen API is allows web page or HTML element to viewed in fullscreen mode, and hiding all browser user interface and other applications from the window screen. You can use this API to bring images, videos and other content to a users full attention.


File upload progress bar using javascript

In this tutorial, we are going display a progress bar during the AJAX file upload process. On file change we are update to submit form data to the PHP page. also, we have file input field and progress bar to show the file upload progress. Initially, the progress bar width is set to 0 which will be gradually…


Bootstrap daterangepicker example using daterangepicker plugin

In this tutorial, we are going to look at how to create bootstrap daterangepicker in our project, then you can use date range picker easily using daterangepicker.js plugin. In this post i give you full example. So just copy bellow code and run in your browser.

Include following files in your…


Search and filter on a HTML table using javascript

Real time search and filter on a HTML table using javascript Its a common practice to display large data using table elements. Moreover, many a times its helpfull to search through the displayed data especially when there are lots of rows and columns. One cannot expect users to keep scrolling page for…


Dragging and dropping table rows in Javascript

In this article I will show you how to implement drag and drop for HTML tables in Javascript. There are many articles/blogs on implementing drag and drop table row in Javascript and many excellent frameworks and libraries that provide you exactly you need.


Bootstrap Chat app design example

In this tutorial we will be creating a simple chat using javascript. This sort of utility would be perfect for a live support system for your website.


Get the data of uploaded file in javascript

Here is the most important article for us to check the file info before sending file to the server. So, in this tutorial, I will show you how to get file info before uploading in JavaScript.


Custom Navigation Tabs

In this tutorial, we are going to look at how to create tabs in HTML, CSS and javascript. Tabs are a great way of grouping lots of content into a very small space. They can be incredibly handy when you have a lot of content that would simply fill up your page with too much information in one go.


Copyright 2018. All rights are reserved