Scenario There is an HTML table on a web page which shows a details of students in a class. In order to add a new student record to this table, there should be a button. When this button is clicked, a new row should be inserted at the end of the table. This can be done using jQuery. Below content shows how !!! There are two approaches to do this:Read More →

Any element is highlighted due to its background-color property. By default this property has NO value, hence the element is not highlighted when it is at first added to the page. If we change the value of this property, we are easily able to highlight the element. For highlighting an element (such as a table row) on click, there are a couple of approaches using jQuery: I. Change the ‘background-color’ property of the row in the click event handler of the row. Code would be:Read More →

There are many operations which we have to perform on select boxes (or drop downs) such as selecting an option based on index, selecting an option based on visible text, removing an option etc. using jQuery. Most of the times, we do not remember the selectors or methods to accomplish the required task and we end up searching the Internet giving away our valuable time. In this post, I have tried to accumulate various operations and their methods which should be helpful to many. Read On !!!Read More →

Ajax Request…What? Ajax stands for Asynchronous Javascript and XML. It is a client side technology which is used for creating dynamic web pages. Its main use is in scenarios where you want to send some data from the browser to the server and / or fetch data from the server Without Page Refresh. That’s right…without page refresh.Read More →

Suppose we have more than two input boxes on which we want to apply calendar. A jQuery datepicker can be applied to an input box using: $(“#calendarField”).datepicker(); Where we have used the id of element (after “#”).Read More →