| Home : Java Scripts : Tips and Tutorials |
| Click "Subscribe" if you want to be notified of new or updated links in this category. | Subscribe |
|
|
Tips and Tutorials Listings
|
|
Total:
163 | Displaying: 1 - 10 | Pages: 1 2 3 4 5 6 7 8 9 10 >> >>>> |
|
|
|
by Jonathan Chaffer and Karl Swedberg A Comprehensive Exploration of the Popular JavaScript Library
Price: Free - Updated: 02/27/2008
|
|
|
The finished code Our second example page has demonstrated table row striping, highlighting, tooltips, collapsing/expanding, and filtering. Taken together, the JavaScript code for this page is:
Price: Free - Updated: 02/27/2008
|
|
|
The expanding and collapsing behavior added earlier also conflicts with our filters. If a section is collapsed and a new filter is chosen, then the matching items are displayed, even if in the collapsed section. Conversely, if the table is filtered and a section is expanded, then all items in the expanded section are displayed regardless of whether they match the filter.
Price: Free - Updated: 02/27/2008
|
|
|
We learned with our sorting and paging code that we can't treat the various features we write as islands. The behaviors we build can interact in sometimes surprising ways; for this reason, it is worth revisiting our earlier efforts to examine how they coexist with the new filtering capabilities we have added.
Price: Free - Updated: 02/27/2008
|
|
|
Now we need to expand the filter options to cover the range of available topics in the table. Rather than hard-coding all of the topics, we can gather them from the text that has been entered in the table. We can change the definition of keywords to read:
Price: Free - Updated: 02/27/2008
|
|
|
jQuery Table Row Filtering Earlier we examined sorting and paging as techniques for helping users focus on relevant portions of a table's data. We saw that both could be implemented either with server-side technology or with JavaScript. Filtering completes this arsenal of data arrangement strategies. By displaying to the user only the table rows that match a given criterion, we can strip away needless distractions.
Price: Free - Updated: 02/27/2008
|
|
|
jQuery Collapsing and Expanding Table Rows
When large sets of data are grouped in tables, as each year's set of articles are in our News page, collapsing, or hiding, a section's contents can be a convenient way to get a broad view of all of the table's data without having to scroll so much.
Price: Free - Updated: 02/22/2008
|
|
|
Although the row highlighting might be a useful feature, so far it's not apparent to the user that the feature even exists. We can begin to remedy this situation by giving all author cells a clickable class, which will change the cursor to a pointer when a user hovers the mouse cursor over them:
Price: Free - Updated: 02/22/2008
|
|
|
Another visual enhancement that we can apply to our news article table is row highlighting based on user interaction. Here we'll respond to clicking on an author's name by highlighting all rows that have the same name in their author cell. Just as we did with the row striping, we can modify the appearance of these highlighted rows by adding a class
Price: Free - Updated: 02/22/2008
|
|
|
Learning jQuery - Alternating Triplets
Suppose we want to use two colors, but have each one display three rows at a time. For this, we can employ the odd and even classes again, as well as the modulus operator. But we'll also reset the class each time we're presented with a row containing
Price: Free - Updated: 02/22/2008
|
|
|
Tips and Tutorials Listings
|
|
Total:
163 | Displaying: 1 - 10 | Pages: 1 2 3 4 5 6 7 8 9 10 >> >>>> |
|
|
