3. Widgets

The following example uses 3 anchor tags each bound to a some content enclosed within divs. Clicking on these tags will show the corresponding div and hide the others. Note the use of “window.location.hash” to save the last selected anchor to ensure that page refreshes continues to show the latest shown content.

In the sample below, a custom text like “No Match Found” is returned when there are no matches found. Note that this code requires the referenced jquery script files as well to be able to run.

jQuery’s scroll event makes it very simple to synchronize the vertical scroll bar of 2 divs.

By default, when you pass a simple java script object as an option to a widget, jQuery will actually create a copy of the object within the widget creation code. This is usually fine unless you want to pass it by reference so that you can know the changes made to the object within the […]

Sometimes the DatePicker will dropdown below your other UI elements in the pages if those elements have a higher Z-Order. So, you will have to adjust the dropdown’s Z-index to make it appear on top. You can do this as follows:

You can do so by specifying noWeekends as the function for the beforeShowDay option.

You can do so by providing a beforeShowDay event handler as follows: