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.
What If we apply an event on multiple element? Yes in this post we are talking about to get the element on particular event. Let’s say we have more then one element and on these elements we want the click event. But now how do we detect the clicked element. In the given example, i just talking two input fields, with different name and id. And apply the click event on both elements.
Here is the HTML Example:
AS you see in the below HTML section, that i have used li markup, which contain the tabs, Tab 1 and Tab 2. And below div with i also set two div which contain the separate tab data. Now you have to play with the CSS that gives the look of tabs to this HTML section. And you will get the CSS, just below the HTML Section.
Mainly jQuery .focus() event is used to get focused element, but what if we have a chain of elements in a single .focus() event? In this post i simple describe that how do we get focused element with jquery in a chain of elements with the use of .focus() event. As you see below highlighted codes i show you both the jquery section and the html section, First i want to describe the html section, in the HTML section in also mentioned the ID of the the input element, all the ID’s are different according to the input element.