Join Joe Marini for an in-depth discussion in this video Getting practical: The automatic table of contents generator, part of Prototype and script.aculo.us Essential Training.
- View Offline
- Exercise Files
Time once again for a practical example.…Let's take what we have learned throughout this chapter and others, and build a…practical example using Prototype.…I am working here on the AutoTOC_start document, and what we are going to do…in this example is build an automatic table of contents for a web page full of… information.…So here I have the document opened in my editor, and before we start let's take…a look at the document in the preview.…
So you can see that this is a document full of information and there are some…headings with a bunch of text and we scroll down, another heading and a bunch of…text and another heading and a bunch of text.…So what we like to be able to do is build a table of contents for this document.…Now we could build it by hand and put named anchors in front of each one of…these headings and then build a little list up here at the top, but why do that…by hand when we can have Prototype do that for us.…So let's go back to the source code, and let's take a look at the source of the…
- Retrieving and manipulating web page elements
- Handling web page events and creating custom events
- Traversing the DOM
- Creating and handling AJAX requests
- Using script.aculo.us controls such as Autocompleters, Sliders, and Visual Effects
- Building complex page features like data filtering and image rotators
Skill Level Beginner
1. Overview of Prototype
Introducing Prototype4m 59s
2. Retrieving Page Content
4. Working with Collections
5. Using Prototype's DOM Features
6. Working with Events
7. Prototype and AJAX
8. script.aculo.us and Prototype UI
9. Putting It All Together
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.