Click and Hold event listener with JQuery

I have did some experiment with click event. I need to hold the click for a specific amount of time and when user release the mouse that time my defined event will trigger with it. And i have achieved that and now want to share it with you. I have also implemented the touchstart and touchend event into it and tested in chrome and its working perfect. So this is simple demo for click and hold event listener.

Read More

Simple and attractive javascript plotting chart

if we talking about the data representation, like the total sale or total visits on day-by-day etc. then it’s a great idea to showing the data into the plotting chart. When I have this idea to represent the data in the plotting chart then I got a JavaScript plug-in on, one to the simplest and attractive javascript plotting chart plug-in. Below you get that how to start with this plugin in the simplest way, which means just the starting of the plotting chart plug-in.

First, make your document ready like usually, we are doing before running any jquery stuff. After that just call the plotting chart plugin’s function ‘$.plot()’ and start to input the data that you want to display on your chart. First, you have to mention, in which element you want to show your chart. As you see in the HTML section, I have created a div with the class name ‘graph’. And in the jquery section just call the call or whatever you element you want.

Read More