TAILIEUCHUNG - Practical prototype and scipt.aculo.us part 19

Practical prototype and part 19: The information in this book is distributed on an "as is" basis, without warranty Although every pre-caution has been taken in the preparation of this work, neither the author(s) nor Apress shall have any liability to any person or entity with respect to any loss or damage caused or alleged to be caused directly or indirectly by the information contained in this work. | CHAPTER 5 EVENTS 97 The first argument indicates what we re listening for we want to run this code when our form is submitted. The second argument is our responder the name of the function that will get called when the form s submit event fires. Add the submitEntryForm function and the observe call to . Save go back to your browser reload the page and . . . what Error See Figure 5-3. O ffi SCentry has no properties line 20 entry .observe submit submitEntryForm Figure 5-3. Guh Of course it s defined It s right there on the page I m staring straight at it Firebug can tell us what went wrong. Select the Script tab click Options and then click Break on All Errors. This way you ll know exactly when that error happens. Reload the page. Almost immediately the page load will halt as Firebug points you to the offending line see Figure 5-4 . Figure 5-4. When Break on All Errors is on any error in your code is treated as a debugger breakpoint. 98 CHAPTER 5 EVENTS The Script tab is Firebug s JavaScript debugger. We ve just set a breakpoint pausing the evaluation of scripts and rendering in general at a certain spot. From here we can resume the page load step through functions one by one and even use Firebug s console. But right now we don t need to do any of that the screen tells us all we need to know. Notice how the viewport is empty. None of our content is there. At the time we tried to set the event the element we were referencing hadn t yet been created. This is an easy trap to fall into. Script tags are typically placed in the head of an HTML document. In the common case where a script needs to modify stuff in the body of a document it s got to wait. OK new plan we ll add our listeners when the document is fully loaded so that we can be sure that the entire DOM tree is at our disposal. Take the offending line of code and place it inside a function function addObservers entry .observe submit submitEntryForm Now we can set this function to run when

• Kỹ thuật lập trình
• Phương pháp lập trình
• lập trình website
• các bước cơ bản khi lập trình
• công thức lập trình web
• thao tác khi lập trình
• Phương pháp lập trình hướng đối tượng
• Lập trình hướng đối tượng
• Bài giảng Lập trình hướng đối tượng
• Bài tập lập trình hướng đối tượng
• Bài giảng Phương pháp lập trình
• Quy tắc chuyển đổi
• Ngôn ngữ lập trình
• Kiểu dữ liệu
• Kỹ thuật lập trình
• Kiểu lập trình
• Lập trình thủ tục
• lập trình căn bản
• lập trình java
• kỹ thuật máy tính
• thủ thuật lập trình
• kinh nghiệm lập trình
• lập trình đối tượng
• tài liệu lập trình
• lập trình mạng máy tính
• chuyên ngành lập trình
• Ngôn ngữ lập trình C
• Học lập trình C
• Lý thuyết lập trình
• Ngôn ngữ lập trình C C++
• Tự học lập trình
• Học lập trình
• Chuỗi ký tự lập trình
• Lập trình C#
• Phương pháp lập trình cổ điển
• Cấu trúc điều khiển
• Biến dối tượng
• Xử lý dữ liệu
• bài tập phương pháp lập trình
• mẹo lập trình
• Lớp và đối tượng
• Lập trình hướng thủ tục
• Chương trình vẽ uml
• code lập trình
• kỹ thuật phần mềm
• chương trình lập trình
• giáo trình lập trình
• bài giảng lập trình C++
• phương pháp lập trình cấu trúc
• phép tham chiếu
• Bài giảng Nguyên lý và phương pháp lập trình
• Nguyên lý và phương pháp lập trình
• Kiểm chứng tính đúng đắn
• Lập trình có cấu trúc
• Tổng quan các ngôn ngữ lập trình